@charset "utf-8";
body{ margin:0; padding:0;font-family: sans-serif; background:#ececec;}
.clearfix{ clear:both; float:none;}
#HeaderWrapper{ width:100%; border-bottom:#999 solid 1px; overflow:hidden; height:85px;background: #fbfbfb; margin: 0 0 20px 0;}
.Logoimg{margin: 10px; float:left;}
#HeaderContent{ width:950px; margin:0 auto 0;}
#HeaderContent h1{ text-transform:uppercase;font-size: 20px;color: #565656;float: right;font-weight: 700;position: relative;top: 0px;letter-spacing: 10px;}
.menuItems{width:auto; margin:10px 0; float:right;}
.menuItems ul{list-style:none; width:100%; margin:0;}
.menuItems li{display:inline;margin:0;}
.menuItems a:link{ text-transform:uppercase; text-decoration:none; font-size:14px; color:#908D8D;font-weight:500; padding:1px 5px 15px 5px;}
.menuItems a:visited{ text-decoration:none;	text-transform:uppercase; font-size:14px; color:#908D8D;font-weight:500;padding:1px 5px 15px 5px;}
.menuItems a:hover{stext-transform:uppercase;text-decoration:none; font-size:14px; color:#565656;font-weight:500;padding:1px 5px 15px 5px;}


/*SLIDER*/
#superWrapper{width:950px; margin:20px auto 0 auto; height:250px; overflow:hidden;}
#BrandH1 {	width:990px;margin: 0 auto 25px auto;font-size: 28px;color: #565656;font-weight: 700;position: relative;top: 0px;letter-spacing: 5px;	}
#Brandbg{width: 100%;height: 350px;	z-index: -1;top: 0;	left: 0;background: #f0f0f0;border-radius: 10px;}
#BrandCarousel div {text-align: center;width: 100px;height: 250px;float: left;position: relative;margin:0 15px 0 15px;}
#BrandCarousel div img {border:0;border-radius:20px;box-shadow:#666 0px 10px 25px -1px;width: 100%;height: auto;}
#BrandCarousel div span {display: none;font-family: 'Lato', sans-serif;}
#BrandCarousel div:hover span {background-color: #333;color: #fff;display: inline-block;width: 100px;padding: 2px 0 5px 0;margin: 0 0 0 -50px;position: absolute;bottom: 30px;left: 50%;border-radius: 3px; }
/*SLIDER*/



#BodyWrapper{ width:950px; margin:50px auto 0 auto; overflow:hidden;}
.indexComputer{ float:left; margin:15px; background:url(../img/computer-index.png); width:403px; height:364px;}
.indexComputer{ float:left; margin:15px; background:url(../img/computer-index.png); width:403px; height:364px;}


.QuoteList{ float:left; margin:5px 15px; background:#FFF; padding:15px 15px 15px 5px; border-radius:10px;font-size:16px; color:#908D8D; width: 465px; }
.QuoteList li {color:#333; list-style:circle; list-style-position:outside;text-align:justify; margin:3px; font-weight:700;}
.QuoteList li  li{color:#666; font-size:14px; list-style:square; text-align:justify; margin:2px 10px 2px -30px; font-weight:400; padding:0;}

.QuoteText{  float:left; margin:15px; background:#FFF; padding:15px; border-radius:10px;font-size:16px; color:#908D8D;}


.top_arrow {width: 66px;height: 23px; background: url('../img/arrow_top.png') center top no-repeat;position: relative;top: -25px;margin: 0 auto;box-shadow:#000 0px 0px 3px 1px;}

.subLogoUl {list-style: none;display: block; margin:0px auto 0 auto; padding:0px; width:100%;overflow: hidden;}
.subLogoUl li {display: inline; float:left; width:313px; text-align:center;}
.subLogoUl_div{width:300px;min-height:450px;text-align:justify; font-size:16px;color:#333; padding:5px; }
.subLogoUl_div_center{width:300px;min-height:450px;text-align:justify; font-size:16px;color:#333; padding:5px; border-left:#666 solid 1px;border-right:#666 solid 1px;}
.subLogoUl_img{ width:300px; height:225px; overflow:hidden;}
.subLogoUl h1{text-align: left;font-size: 24px;color: #333;text-transform: uppercase;letter-spacing: 2px;}


.seccion_img{width:320px; overflow:hidden; float:left; margin:10px;}




#footerWrapper{ width:100%; margin:5px auto 0 auto; overflow:hidden; background:#fff; }
#footerWrapper p{ font-weight:400; text-align:center; font-size:14px; color:#666; letter-spacing:2px; background:#FFF; margin:0 auto 0 auto;}


#wrapper {	width: 100%;	min-width:900px;height: 500px;background-color: #666;overflow: hidden;border-bottom:#0138d3 solid 3px;}
.wrapperLine {border-bottom: 2px solid #fafafa;margin: 0px auto 15px auto;width: 90%;}

#carousel div {	height: 500px;	float: left;}
#carousel img {	min-width: 100%;	min-height: 100%;}
#title {	text-align: center;	width: 100%;margin-top: -410px;position: relative;}
#title h1 {
	text-shadow: 
		0 3px 3px rgba( 0, 0, 0, 0.3 ),
		0 -3px 3px rgba( 0, 0, 0, 0.3 ),
		3px 0 3px rgba( 0, 0, 0, 0.3 ),
		-3px 0 3px rgba( 0, 0, 0, 0.3 );
 	font-size: 50px;	font-weight: bold;	color: #fff;}
#title h3 {
	text-shadow: 
		0 3px 3px rgba( 0, 0, 0, 0.3 ),
		0 -3px 3px rgba( 0, 0, 0, 0.3 ),
		3px 0 3px rgba( 0, 0, 0, 0.3 ),
		-3px 0 3px rgba( 0, 0, 0, 0.3 );
 	font-size: 20px;font-weight: bold;	color: #fff;}
#title a {	color: #fff;}
#title a:hover {background: rgba( 0, 0, 0, 0.5 );	padding: 2px 5px;}
#pager {border-radius: 20px;background: #0138d3;text-align: center;width: 120px;height: 50px;padding-top: 2px;position:relative;margin:210px auto 0 auto;}
#pager a.selected span {background: #0a78ff;}
#pager a {display: inline-block;padding: 5px;}
#pager span {border-radius: 10px;background: #fafafa;text-indent: -100px;line-height: 0;display: inline-block;width: 10px;height: 10px;overflow: hidden;}




.form-container {
   border: 1px solid #ccc;
   background: #ffffff;
   border-radius: 8px;
   text-decoration: none;
   padding:5px;
   width:455px;
   margin:auto 0 auto 0;
   overflow:hidden
   }


.form-area{
   border: 1px solid #949494;
   background: #ffffff;
   border-radius: 4px;
   box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(000,000,000,0.7) 0 1px 1px;
   padding:8px;
   margin-bottom:20px;
   width:90%;
   }
.form-area:focus {   background: #e0e0e0;   color: #000000;   }


.form-list{
   border: 1px solid #949494;
   background: #ffffff;
   border-radius: 4px;
   box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(000,000,000,0.7) 0 1px 1px;
   padding:8px;
   margin-bottom:20px;
   width:90%;
   }
.form-list:focus {   background: #e0e0e0;   color: #000000;   }
.form-list strong {  color: #000000; font-weight:700;   }
.form-field {
   border: 1px solid #949494;
   background: #ffffff;
   border-radius: 4px;
   font-family: sans-serif;font-weight:700;  color: #7d7d7d;
   box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(000,000,000,0.7) 0 1px 1px;
   padding:8px;
   margin-bottom:20px;
   width:180px;
   }
   
   
.form-field:focus {   background: #e0e0e0;   color: #000000;   }
.form-container h2 {   text-shadow: #ffffff 0 1px 0;   font-size:18px;   margin: 0 0 10px 0;   font-weight:bold;   text-align:center;    }
.form-title {   margin-bottom:10px;   color: #292827;   text-shadow: #ffffff 0 1px 0;   }
.submit-container {   margin:8px 0;   text-align:right; float:right;   }
   
   .botonConsultar {
   border: 1px solid #0a3c59;
   background: #0a78ff;
   background: -webkit-gradient(linear, left top, left bottom, from(#0a78ff), to(#00baff ));
   background: -webkit-linear-gradient(top, #0a78ff, #00baff );
   background: -moz-linear-gradient(top, #0a78ff, #00baff );
   background: -ms-linear-gradient(top, #0a78ff, #00baff );
   background: -o-linear-gradient(top, #0a78ff, #00baff );
   background-image: -ms-linear-gradient(top, #0a78ff 0%, #00baff  100%);
   padding: 10.5px 21px;
   border-radius: 6px;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   color: #333;
   font-size: 16px;
   text-decoration: none;
   vertical-align: middle;
   }
.botonConsultar:hover {
   border: 1px solid #0a3c59;
   background: #3e779d;
   background: -webkit-gradient(linear, left top, left bottom, from(#00baff), to(#0a78ff));
   background: -webkit-linear-gradient(top, #00baff, #0a78ff);
   background: -moz-linear-gradient(top, #00baff, #0a78ff);
   background: -ms-linear-gradient(top, #00baff, #0a78ff);
   background: -o-linear-gradient(top, #00baff, #0a78ff);
   background-image: -ms-linear-gradient(top, #00baff 0%, #0a78ff 100%);
   color: #fff;
   }
.botonConsultar:active {
   border: 1px solid #0a3c59;
   background: #65a9d7;
   background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#3e779d));
   background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
   background: -moz-linear-gradient(top, #3e779d, #65a9d7);
   background: -ms-linear-gradient(top, #3e779d, #65a9d7);
   background: -o-linear-gradient(top, #3e779d, #65a9d7);
   background-image: -ms-linear-gradient(top, #3e779d 0%, #65a9d7 100%);
   color: #fff;
   }