@charset "utf-8";
/* CSS Document 
Cliente: Golden Vision
Desarrollador: Ricardo Martínez Guzmán
14-03-012
*/
body{background:#001d56; font-family: Verdana, Geneva, sans-serif; font-size:.85em; line-height:1.3em; color:#333333;}
body#index_bg{background:url(../images/index_bg.jpg) repeat-x top #001d56; }
body#inner_bg{background:url(../images/inner_bg.jpg) repeat-x top #001d56; }
.middle_bg{background:url(../images/middle_bg.jpg) repeat-x #e2e2e2; width:100%; min-width:970px; }

.inner_glow{background:url(../images/glow.png) no-repeat; width:800px; height:176px; position:absolute; z-index:-10; top:0px; margin-left:-300px;}
.glow{background:url(../images/glow.png) no-repeat; width:800px; height:420px; position:absolute; z-index:-10; top:0px; margin-left:-300px;}
.wrapper{width:960px; margin:auto; padding:0;}
.home_topframe{background:url(../images/gold_frame.jpg) no-repeat bottom; height:618px;}
.inner_frame{background:url(../images/gold_frame.jpg) no-repeat bottom; height:182px;}


header{height:170px; width:960px;}
header h1{float:left; margin-top:5px;}
header #logo{ background:url(../images/goldenvision_logo.png) no-repeat; display:block; width:171px; height:162px;}

#slider{margin-top:20px;height:404px; width:960px; background:#fff; -moz-box-shadow: 2px 3px 12px #000000;
-webkit-box-shadow: 2px 3px 12px #000000;
box-shadow: 2px 3px 12px #000000;}
#slider article{float:right; width:310px; padding:10px; height:386px; margin-right:15px;}
#slider article h2{color: #fff; height:77px; margin-bottom:20px; width:310px; background:url(../images/slogan.jpg) bottom no-repeat;}
#slider article p{color: #333; line-height:1.4em; font-size:1.1em;}


#index_left{float:left; width:410px;}
#index_right{float:right; width:410px;}

#asides{padding-top:50px; padding-bottom:40px;}
#asides aside{width:410px; float:left; height:280px; position:relative;} 
#asides aside h2{color:#000033; font-size:2.5em; font-weight:lighter; height:54px; line-height:50px; background:url(../images/home_highlight.png); margin-bottom:15px; padding-left:10px; font-family:Arial, Helvetica, sans-serif;}
#asides aside img{float:left; margin:0 10px 10px 10px;}
#asides aside p{margin-right:5px; height:130px;}
#asides aside a{ color:#000033; position:absolute; left:140px; top:200px; display:block; height:30px; width:70px; font-size:1.2em; line-height:30px; background:url(../images/hover.png) no-repeat top left; padding-left:35px;}
#asides aside a:hover{background:url(../images/hover.png) no-repeat left -30px; color:#a28700}

footer{background:url(../images/gold_frame.jpg) top repeat-x; height:80px; padding-top:30px;}
.footer_frame{width:100%; background:url(../images/footer_frame.jpg) repeat-x top;}
.desarrollo{ color:white; float:left; line-height:20px; height:20px;}
.desarrollo:hover{color:#a28700}
footer ul{list-style:none; float:right; height:20px; width:500x;}
footer ul li{float:left;  height:20px; line-height:20px; margin-left:40px; color:#fff;padding-left:30px;}
footer ul li a{color:#fff; }
footer ul li a:hover{color:#a28700}
footer ul li.mail{background:url(../images/mail_icon.png) no-repeat left;}
footer ul li.tel{background:url(../images/tel_icon.png) no-repeat left;}

/*Interiores********************************************************/
#content{padding-top:40px; padding-bottom:60px;}

.left{float:left; width:330px;}
.right{float:right; width:330px;}

#left{width:710px; float:left;}
	#left article{margin-bottom:40px;}
	#left article p{margin-bottom:10px;}
	#left article img{margin-right:15px; margin-bottom:15px; float:left; width:320px;}
	#left article h1{height:50px; line-height:50px; font-size:3.1em; padding-left:58px; font-weight:lighter; background:left no-repeat; color:#000033; margin-bottom:20px; font-family:Arial, Helvetica, sans-serif;}
	#left article h1.productos{background-image:url(../images/productos_title.png)}
	#left article h1.quienes{background-image:url(../images/quienes_title.png)}
	
	#left article h1.servicios{background-image:url(../images/servicios_title.png)}
	#left article h1.mantenimiento{background-image:url(../images/mant_title.png)}
	#left article h1.cctv{background-image:url(../images/cctv_title.png)}
	#left article h1.acceso{background-image:url(../images/acceso_title.png)}
	#left article h1.activos{background-image:url(../images/activos_title.png)}
	#left article h1.contacto{background-image:url(../images/contacto_title.png)}
	
	#in_asides{width:710px; float:left; padding-top:30px;}
	#in_asides aside{width:330px; float:left; min-height:230px; position:relative;}
	#in_asides aside p{width:250px; float:right; }
	#in_asides aside img{margin-right:10px; margin-bottom:5px; float:left;}
	#in_asides aside h2{height:50px; line-height:50px; font-size:2em; font-weight:lighter; color:#000033; margin-bottom:10px; background:url(../images/in_h2.png) bottom no-repeat; padding-left:10px;}
	#in_asides aside a{ color:#0C2F8C;}
	#in_asides aside a:hover{color:#a28700}
	

#right{width:200px; float:right;}
#right aside{margin-bottom:30px;}
#right aside img{margin:0px; padding:0px;}
#right aside h2{width:200px; height:45px; line-height:45px; font-size:1.5em; font-weight:lighter; text-align:center; color:#000033; background:url(../images/golden_insideframe.png) bottom no-repeat;}
#right aside a{display:block; height:30px; line-height:30px; background:url(../images/btn.jpg) left top; width:200px; text-align:center; font-size:1.2em; color:#fff; font-weight:lighter; margin-top:-4px; }
#right aside a:hover{background:url(../images/btn.jpg) no-repeat left -40px;}

/* FORM */

#contact-wrapper {
	width:375px; float:right; margin-top:-150px;
	background: url(../images/module-bg.png) bottom repeat-x;
	padding:20px 0px 0px 0px;
}
#contact-wrapper div {
	clear:both;
	margin:1em 0;
}
#contact-wrapper label { color:#001D55;
	display:block; 
	float:none;
	width:auto;}
#contact-wrapper label strong{color::#001D55 
}
form#contactform input {
	border-color:#BCA700; width:325px;
	border-style:solid;
	border-width:1px;
	padding:5px;
	color:#333;
}
form#contactform textarea {
	font-family:Arial, Tahoma, Helvetica, sans-serif;
	font-size:100%;
	padding:0.6em 0.5em 0.7em;
	border-color:#BCA700;
	border-style:solid;
	border-width:1px;
}
input.submit{color:white !important; background-color:#001D55; width:100px !important;}


.errorb {padding: 20px; background:; border: 1px solid #cb3838; color: #cb3838;}
label.error {padding: 4px; background: #e99393; border: 1px solid #cb3838; color: #cb3838;}
.exito {padding: 20px; background: ##033189; border: 1px solid #BCA700; color: white;}

.hide{display:none;}
.clear{clear:both;}