@import url(css/admin.css);
@import url(css/layout.css);
@import url(css/mobile.css);
@import url(css/typography.css);
@import url(css/theme.css);
@import url(css/colorpicker.css);
@import url(http://fonts.googleapis.com/css?family=Open+Sans);

/* Skin styles for DotNetNuke  by dnnskin.net Overall support@dnnskin.net */  
html								{ height:100%;}
#Body								{ height:100%;font-family:Helvetica, Arial, sans-serif;}
#Form								{ height:100%;}
Body, .NormalTextBox, td, p, .Normal, .NormalDisabled, .NormalBold{ font-family: Arial, Helvetica, sans-serif;line-height:1.5em; color:#555; font-size:13px}
p									{ padding:5px 0;margin:0px}
li,ul li							{ list-style:disc }
ol li								{ list-style:decimal}
ins									{ background:#000; color:#fff; text-decoration:none; padding:1px 5px;}
code								{ border:1px #ccc solid; display:block; padding:10px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.greycolor							{ color:#999}
.imgborder							{ border:4px #000 solid; -webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
.imgborder:hover					{ border:4px #eee solid}
.upper								{ text-transform:uppercase}
.Head								{ font:bold 1.2em Arial, Helvetica, sans-serif}
.SubHead							{ color:#666}
.aligncenter						{ text-align:center}
h1,h2,h3,h4,h5,h6					{ font-weight: normal; margin:0px;color:#333; line-height:1.2em;}
h1									{ font-size:36px; line-height:40px}
h2									{ font-size:32px; line-height:35px; }
h3									{ font-size:26px; line-height:30px} 
h4									{ font-size:22px;}   
h5									{ font-size:18px; color:#666; line-height:32px}
h6									{ font-size:14px;color:#a5a4a4; line-height:30px}
a:link,a:active,a:visited			{ border:0;text-decoration:none;outline:none;outline:0;}
a:hover 							{ color:#333;text-decoration:underline}
/*Skin Layout Design*/


#flickgallery a img					{ margin:8px 8px 5px 0; border:4px #000 solid; width:60px; -webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
#flickgallery a:hover img			{ border:4px #eee solid}
.reToolZone							{ border:1px #f00 solid; clear:both; display:block}
#sitegallery ul						{ margin:0px; padding:0px;}
#sitegallery ul li					{ margin:0px; padding:0px; list-style:none; float:left; width:25%; text-align: center;}
#sitegallery ul li a				{ display:block; background:#eee; margin:5px;}
span.phone							{ background:url(images/iphone.png) left center no-repeat; padding:0px 5px 0px 15px; line-height:30px; font-size:14px; font-weight:bold; color:#000}
span.letter							{ background:url(images/mail.png) left center no-repeat; padding:0px 5px 0px 20px; line-height:30px; font-size:14px; font-weight:bold; color:#000}
span.letter a						{ color:#000;}


/* Lastest News Style*/
.latestnews ul						{ margin:0px; padding:0px;}
.latestnews ul li					{ background:#f5f5f5; border-bottom:1px #fff solid; border-top:1px #eee solid; margin:0px; padding:10px; list-style:none;}
.latestnews ul li a					{ display:block; text-align:right}
.latestnews a.all					{ display:block; text-align:right; line-height:40px; margin-top:-40px}
.latestnews strong					{ display:block; float:left; background:url(images/date.png) 7px 18px no-repeat; width:55px; height:62px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px; margin-right:10px; text-align:center; color:#fff; line-height:1.3em; padding-top:2px}
.latestnews strong span				{ font-size:11px; color:#999}
.latestnews strong span.date		{ font-size:18px; color:#000; text-shadow:1px 1px 1px #444}
.latestnews h4						{ font-size:16px;}
ul#layouttype						{ margin:0px; padding:0px;}
ul#layouttype li					{ margin:0px; padding:0px; list-style:none; border-bottom:10px #000 solid; padding:5px; cursor:pointer; color:#fff; text-align:center; text-transform:uppercase}
.callus								{ background:#eee; padding:5px 15px}




/*sexylightbox*/

#SLB-Wrapper{margin:0.5em 0;margin:auto;font-family:Verdana;text-align: left;position: absolute;}
#SLB-Wrapper #SLB-Background{position: absolute;left:7px;top:7px;float:left;}
#SLB-Wrapper #SLB-Top{background:transparent no-repeat scroll 100% 0;height:28px;margin:0 0 0 18px;}
#SLB-Wrapper #SLB-Top a{float:right;display:inline;padding:0;margin:5px 10px;width:41px;height:16px;text-decoration:none;}
#SLB-Wrapper #SLB-Top a:hover{background-position:0px -16px;}
#SLB-Wrapper #SLB-Top img{float:right;border:0px;margin:6px 10px;width:41px;height:16px;}
#SLB-Wrapper #SLB-Top div{background:transparent no-repeat scroll 0 0;font-size:0;height:28px;left:-18px;line-height:0;position:relative;width:18px;}
#SLB-Wrapper #SLB-Bottom{background:transparent no-repeat scroll 0 43%;height:20px;margin:0 18px 0 0;}
#SLB-Wrapper #SLB-Bottom #SLB-BottomRight{background:transparent no-repeat scroll 100% 43%;font-size:0;height:20px;right:-18px;line-height:0;position:relative;width:100%;float:right;}
#SLB-Wrapper #SLB-Bottom.SLB-bbnav,
#SLB-Wrapper #SLB-Bottom.SLB-bbnav #SLB-BottomRight{height:52px;}
#SLB-Wrapper #SLB-Bottom.SLB-bbnav{background-position:0 100%;}
#SLB-Wrapper #SLB-Bottom.SLB-bbnav #SLB-BottomRight{background-position:100% 100%;}
#SLB-Wrapper #SLB-Contenido{border-left: 7px solid #000;border-right: 7px solid #000;}
#SLB-Wrapper #SLB-Bottom #SLB-Navegador{font-size: 11px;color: #fff;height:30px;border-left:0px;border-right:0px;padding:10px 0px;margin:0;line-height:11px;float:left;width:100%;}
#SLB-Wrapper #SLB-Navegador #SLB-Right,
#SLB-Wrapper #SLB-Navegador #SLB-Left{display:inline;padding:0;margin:0;width:26px;height:26px;text-decoration:none;}
#SLB-Wrapper #SLB-Navegador #SLB-Right{background-position:26px 0;margin:0 18px 0 10px;float:right;}
#SLB-Wrapper #SLB-Navegador #SLB-Right:hover{background-position:26px -26px;}
#SLB-Wrapper #SLB-Navegador #SLB-Left{background-position:52px 0;margin-right:10px;float:left;}
#SLB-Wrapper #SLB-Navegador #SLB-Left:hover{background-position:52px -26px;}
#SLB-Wrapper #SLB-Navegador strong{display: block;padding-top:5px;}



ul.mgstemplates					{ margin:0px; padding:0px;}
ul.mgstemplates:after			{ margin:0px; padding:0px; display:block; content:''; clear:both}
ul.mgstemplates li				{ margin:0px; padding:0px; list-style:none; float:left; width:25%; text-align:center; font-weight:bold; color:#000}
ul.mgstemplates li a			{margin:10px; display:block;;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease; border:1px #ccc solid; padding:2px; -webkit-box-shadow: #ddd 1px 2px 3px;-moz-box-shadow: #ddd 1px 2px 3px;box-shadow: #ddd 1px 2px 3px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
ul.mgstemplates li a:hover		{-moz-transform: scale(0.95);-webkit-transform: scale(0.95);-o-transform: scale(0.95);transform: scale(0.95);}

@media handheld, only screen and (max-width: 767px) {ul.mgstemplates li{ width:50%}}

.Feedback_CharCount{display:none;}
.dnnFormItem label, .dnnFormItem .dnnFormLabel, .dnnFormItem .dnnTooltip {width:100% !important; }