* { outline:none; }
body { margin:0; padding:0;font-family: Arial, Helvetica,SunSans-Regular, sans-serif; background-color:#eee;}
ul { list-style:none; margin:0; padding:0; }
p { margin:0; }
.clear { clear:both; }
#wrapper {}
#content-index { background-color:#fff;}
#home-top { background-color:#eee;}
#home-top .sB {margin-top:150px;}
#header, .caja, .naveg  { width:1000px; margin:0 auto; }
#header .h-logo, #header .h-img, #header .h-right { position:absolute; }
#header { width:100%; background:url(images/bgSpot.gif) repeat-x 0 0;}
#content-header { height:267px; position:relative;width:1000px;margin:0 auto; }
#header .h-img {left:0; bottom:0; width:283px; height:265px; background:url(images/img-header.jpg) no-repeat left bottom; }
#header .h-logo { left:281px; top:38px; width:446px; height:229px; background:url(images/laseguridadsehace.gif) no-repeat bottom center; }

#header .share { padding-top:5px; background:url(images/share-tab.gif) no-repeat center top; height:50px; width:172px; position:absolute; right:5px; top:0; }
#header .share li { vertical-align:middle; color:#999; font-size:13px; display:-moz-inline-stack; display:inline-block;zoom:1;*display:inline; }
#header .share li.compartir { margin-left:18px;}
#header .share li a, #header .share li a { background-image:url(images/share.gif);background-position:0 0; backgroun-repeat: no-repeat;
width:23px; height:23px; display:block;}
#header .share .facebook a:hover { background-position:0 -69px;}
#header .share .twitter a {background-position:-73px -46px;}
#header .share .twitter a:hover {background-position:-73px -69px;}

#header .video { background:url(images/bg-video.gif) no-repeat center top; height:202px; width:283px; position:absolute; right:0; bottom:0px; }
#header .video a, #header .video a:hover { margin:3px 0 0 41px; display:block; text-align:center; width:200px; height:150px; background:url(images/video.jpg) no-repeat center top;}
#header .video a:hover { background-position:center bottom;}
#header .video span { color:#999; font-weight:bold; width:200px; text-align:center; margin:20px auto 0; display:block; font-size:14px;}

#header .asi { /* background:url(images/asi.gif) no-repeat center top;*/ bottom:32px; height:130px; position:absolute; right:0; width:270px;}


.content { border-style:solid none; border-width:1px; border-color:#FFF; background:#fff url(images/bg-content.gif) repeat-x top; padding-top:19px; }
.content-footer { height:40px; background-color:#eee;}
.caja { padding-bottom:20px; }
h1{ text-indent:-90000px;}
h3 { color:#333; font-size:20px; display:block; margin:0; padding:5px 0 10px 0; }
.naveg { height:90px; }
.intro .naveg p{ padding:10px 0 10px 0; color:#000; }
a, a:visited, a:link { text-decoration:none; cursor:pointer; color:#CD0202; }
a:hover , .naveg li a:hover, .c-menu a:hover  { color:#333; }
.naveg li { float:left; padding-top:10px; }
.naveg li b { display:block; padding:3px 0; font-size:40px;}
.naveg li a  { display:block; height:66px; font-size:40px; letter-spacing:1px; color:#cd0202; float:left; }
.naveg li a, .naveg li a  span  { float:left; }
.naveg li a .cC { padding:2px 15px 18px; }
.naveg li a.active { background: url(images/nav-bg.gif) repeat-x top; color:#fff; }
.naveg li a.active:hover { color:#fff;}
.naveg li a.active .cC { background: url(images/nav-arrow.gif) no-repeat bottom center;	 }
.naveg li a.active .cL { background: url(images/nav-left.gif) no-repeat top left; }
.naveg li a.active .cR { background: url(images/nav-right.gif) no-repeat top right; }
#tres a.active, #dos a.active {	background: url(images/activo2.gif) no-repeat bottom ;color:#fff; width:360px; text-align:center; height:66px;}	
.c-menu { width:345px; font-size:17px; padding-bottom:10px; float:left; }
.c-menu h3 { padding-left:8px;}
.c-menu a { display:block; font-size:15px; color:#cd0202; font-weight:bold; text-decoration:none; padding:7px 0 8px 5px; text-align:left; }
.c-menu a.active2, .c-menu a.active2:hover { cursor:default; background:url(images/c-activo.gif) no-repeat left top; color:#fff;}
.c-texto{ position:relative; width:670px; height:210px; float:right; background:url(images/t-tex3.gif) no-repeat top right; margin-right:-18px; }
.c-texto a  span  { float:left; }
.c-texto .pdff{float:right; margin-right:30px; cursor:pointer;}
.c-texto .pdff-1{float:right; margin-right:30px; cursor:pointer;}
.c-texto .te{ background:#CD0202; margin-right:50px; margin-top:30px; padding-right:25px; text-align:left; color:#FFF; font-size:13px; padding-left:4px; padding-bottom:4px; line-height:17px; }

.c-texto .sp{ background:#F00;}
.c-texto .pdf{ background:url(images/PDF.png) no-repeat top right; height:57px; }

.c-texto p { padding:30px 40px 25px; font-size:13px; line-height:17px; color:#666; }
.c-texto .extra { font-size:11px; padding:0 40px 20px;}

.intro { padding-bottom:15px; margin:0 auto; }
.intro p { color:#666666; padding:10px;  font-size:13px; padding:0 10px 0 20px;}
.c-menu p { color:#000;font-weight:bold; font-size:17px;}
.sT  { background:url(images/sT.gif) repeat-x; height:8px;overflow:hidden;zoom:1; }
.sB  { background:url(images/sB.gif) repeat-x; height:9px;overflow:hidden;zoom:1; }
.tip { float:left; width:165px; height:88px; text-indent:-90000px; }
.tip.t1 { background:url(images/tip1.gif) no-repeat; }
.tip.t2 { background:url(images/tip2.gif) no-repeat; }
.tip.t3 { background:url(images/tip3.gif) no-repeat; }
.problema  { background: url(images/problemaBg.gif) repeat-x bottom; font-size:13px; color:#666; line-height:13px; margin: 20px 0; }
.problema , .problema .cL , .problema .cR  { height:55px; }
#desarrollo , #desarrollo .cL , #desarrollo .cR  { height:580px; }
#educacion , #educacion .cL , #educacion .cR  { height:1090px; }
#educacion .cR, #educacion .cL,#desarrollo .cR, #desarrollo .cL,.problema .cL , .problema .cR  { width:8px; }
 #educacion .cL,#desarrollo .cL,.problema .cL { float:left; background: url(images/problemaL.gif) no-repeat bottom; }
#educacion .cR,#desarrollo .cR,.problema .cR { float:right; background: url(images/problemaR.gif) no-repeat bottom; }
#educacion,#desarrollo,.porque .problema {line-height:17px;}

#educacion.problema span, #desarrollo.problema span { color:#CD0202; font-weight:bold;}

#Pdecicion .problema ,#pPresupuesto .problema{ margin-left:170px;}

.content-footer .contact {position:relative; width:980px; margin:0 auto;}
.contact-tab { position:absolute; top:-17px; right:-5px; }
.contact-tab a { background:url(images/contact-tab.gif) no-repeat top right; display:block; width:76px; height:45px; font-weight:bold; color:#999; padding:7px 20px 0 54px; font-size:17px;}
.contact-tab a:hover { color:#666;}

#footer {width:1000px;height:150px;margin:0 auto !important;  }
#footer ul { margin:0 auto;  }
#footer li { display:-moz-inline-stack; display:inline-block;zoom:1;*display:inline; text-align:center; }
#footer .fdn { margin:0 40px 0 3px;}
#footer .mapa { margin-right:12px;}
#footer .fdn a, #footer .fdn a:hover, #footer .mapa a, #footer .mapa a:hover { background:url(images/footer.gif) no-repeat 0 0; display:block; width:188px; height:104px;}
#footer .fdn a { width:205px;}
	#footer .fdn a:hover { background-position:0 -103px;width:205px; }
#footer .mapa a, #footer .mapa a:hover { background-position:-229px 0; height:103px; width:311px;}
	#footer .mapa a:hover { background-position:-229px -103px;}
#footer .union, #footer .union:hover { background:url(images/footer.gif) no-repeat -549px -5px; width:124px; height:100px; margin-right:35px; } 
#footer .union:hover { background-position:-549px -106px; } 
#footer .asi-footer {margin:0 auto; }

.dis-inline { display:inline !important;}

/*Formulario de contacto*/
#contact h2 { background:url(images/bg-tabContact.gif) no-repeat top left; width:82px; height:33px; font-size:14px; color:#FFF; margin:0 0 0 20px ; padding:9px 0 0 9px;}

#contact { width:460px; height:290px; background:#fff; padding:0 !important;}
#contact form { padding:20px; color:#666; font-weight:bold;}
#contact form li { margin:4px 0; font-size:13px;}
#contact form li.f-left { float:left; margin:0 10px 10px 0;}
#contact form li.email { margin-right:0;}
#contact form li.f-left input { width:195px;}
#contact form input, body#contact form textarea { border:#999 1px solid; background:#FFF; padding:4px;}
#contact form input.button { background:url(images/bg-button.gif) repeat-x top left; color:#FFF; border:none; border-right:#C30; font-weight:bold; cursor:pointer;}
#contact form textarea { height:70px; vertical-align:top; width:410px;}

#contact.video { height:370px; @margin:25px 0 0 30px; @padding:0;}
#contact.video object { display:block; margin:12px 0 0 18px;}


title-bar { font-size:12px;}

/*banner Censo 2010*/
#banner {  width:100%;}
#banner a { background:url(images/bannerCenso.gif) no-repeat top center; height:140px; display:block; width:992px;}