/* Font for fontface */
@font-face {
    font-family: 'NimbusSansBeckerTLigRegular';
    src: url('nimbus_sans_becker_tlig-webfont.eot');
    src: url('nimbus_sans_becker_tlig-webfont.eot?#iefix') format('embedded-opentype'),
         url('nimbus_sans_becker_tlig-webfont.woff') format('woff'),
         url('nimbus_sans_becker_tlig-webfont.ttf') format('truetype'),
         url('nimbus_sans_becker_tlig-webfont.svg#NimbusSansBeckerTLigRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'yrnimbusboldb';
    src: url('yrnimbusboldb-webfont.eot');
    src: url('yrnimbusboldb-webfont.eot?#iefix') format('embedded-opentype'),
         url('yrnimbusboldb-webfont.woff') format('woff'),
         url('yrnimbusboldb-webfont.ttf') format('truetype'),
         url('yrnimbusboldb-webfont.svg#yrnimbusboldb') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'yrnimbusregular';
    src: url('yrnimbusregular-webfont.eot');
    src: url('yrnimbusregular-webfont.eot?#iefix') format('embedded-opentype'),
         url('yrnimbusregular-webfont.woff') format('woff'),
         url('yrnimbusregular-webfont.ttf') format('truetype'),
         url('yrnimbusregular-webfont.svg#yrnimbusregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* Clases especificas de yorespondo.com */
.head{
	position:absolute;
	top: 1.1em;
	left:0;
	z-index:100;
	width:100%;
	background: url("../images/globales/shadow.png") repeat-x bottom left; 
}
.content-inferior{
	position:absolute;
	top:11.5em;
	left:0;
	z-index:50;
	width:100%;
}
/* Cabecera. */
.head-container{
	width: 780px;
	margin: 0px auto 0px auto;
}
h1 {
	background: url("../images/globales/logo.gif") no-repeat top left; 
	width: 146px;
	height: 108px;
	margin-bottom:0px;
}
#facebox h1 {
	background: url(""); 
	width: auto;
	height: auto;
	margin-bottom:0px;
}
h1 span, h1 a{
	display: block;
	width: 146px;
	height: 108px;
}
h1 span{
	display:none;
}
.logo{
	width:146px;
}
.head-container li{
	float: right;
	list-style: none;
}
.telefono{
	font-family:'yrnimbusboldb', Helvetica, Arial, sans-serif;
	font-size:2.9em;
	width: 188px;
	font-weight:bold;
	color: #666666;
	padding:0 0 0 25px;
	background: url("../images/globales/phone-icon.gif") no-repeat center left; 
}
/*media queries iphone ipad*/
/* iPad [portrait + landscape] */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	.telefono { font-size:2.6em; }
}

/* iPhone [portrait + landscape] */
@media only screen and (max-device-width: 480px) {
	.telefono { font-size:2.6em; }
	
}
/* iPhone [portrait + landscape] */
@media only screen and (max-device-width: 960px) {
	.telefono { font-size:2.6em; }
	
}
.social{
	width:624px;
	text-align:right;
}
.social ul{
	width:624px;
}
.social li{
	margin-left:0.4em;
	text-align:left;
}
.social a span{
	display:none;
}
.twitter, .facebook, .blogger{
	width:32px;
}
.twitter a, .facebook a, .blogspot a{
	width:32px;
	height:32px;
	display:block;
}
.twitter a{
	background: url("../images/globales/twitter-icon.gif") no-repeat top left; 
}
.facebook a{
	background: url("../images/globales/facebook-icon.gif") no-repeat top left; 
}
.blogspot a{
	background: url("../images/globales/blogger-icon.gif") no-repeat top left; 
}
/* classes menu. */
.menu {
	font-family:'yrnimbusregular', Helvetica, Arial, sans-serif;
	font-size:1.6em;
}
.menu a, .menu li{ color:#333333; display:block; height:52px; }
.menu a {  padding-top:24px; }
.menu li.selected a { background: url("../images/globales/down-arrow.png") no-repeat bottom center;  }
.menu li.empresas, .menu li.empresas a{ width:135px; }
.menu li.empresas { padding-left:65px; margin-right:0; padding-right:0; }
.menu li.contacto, .menu li.contacto a{ width:72px; }
.menu li.para-quien, .menu li.para-quien a{ width:82px; }
.menu li.ventajas, .menu li.ventajas a{ width:66px; }
.menu li.que-ofrecemos, .menu li.que-ofrecemos a{ width:114px; }

.content-banner{ background:#0275a8; }
.content{ 
	background:#0275a8 url("../images/que-ofrecemos/foto-secretaria.jpg") no-repeat top left; 
	width: 780px;
	margin: 0px auto 0px auto; 
}
#ventajas .content { background-image:url(../images/ventajas/foto-telefono.jpg); }
#para-quien .content { background-image:url(../images/para-quien/foto.jpg); }
.texto-superior{
	font-family:'NimbusSansBeckerTLigRegular', Helvetica, Arial, sans-serif;
	font-size:3.8em;
	padding:23px 20px 0 463px;
	color: #fff;
}
.texto-superior span{
	font-weight:bold;
}
.caja-verde{
	margin:88px 23px 0px 463px;
	padding-bottom: 22px;
	width:299px;
	height:92px;
	background: url("../images/que-ofrecemos/caja-verde.gif") no-repeat top right; 
}
.caja-verde a{
	width:299px;
	height:92px;
	background: url("../images/que-ofrecemos/caja-verde.gif") no-repeat top right; 
	display:block;
}
.caja-verde a span{
	display:none;
}
#ventajas .caja-verde { margin-top:10px; padding-bottom:11px; }
#para-quien .caja-verde { margin-top:10px; padding-bottom:11px; }
/* Zona de contenido */
.submenu{
	width: 968px;
	margin: 40px auto 0px auto;
}
.subtitular {
	background: url("../images/globales/numero1.gif") no-repeat 38px 0; 
	padding: 0 0 0 98px;
}
#ventajas .subtitular { background-image: url("../images/globales/numero2.gif") }
#para-quien .subtitular { background-image: url("../images/globales/numero3.gif") }
#contacto .subtitular { background-image: url("../images/globales/numero4.gif") }
#quienes-somos .subtitular { background-image: url("../images/globales/numero5.gif") }
#legal .subtitular, #privacidad .subtitular { background-image: none; }
#legal .subtitular p a, #privacidad .subtitular p a{ color:#EB6A0B; font-weight:bold;}
.subtitular h2 { width:156px; padding:8px 0 0 0; font-family:'yrnimbusregular', Helvetica, Arial, sans-serif; font-weight:bold; color:#ec6a0b; font-size:2em; }
#privacidad .subtitular h2 { width:250px; }
#privacidad #quienes-somos .subtitular p { padding:8px 50px 0 50px; width:510px; }
.subtitular p { width:564px; padding:8px 0 0 10px; font-family:'NimbusSansBeckerTLigRegular', Helvetica, Arial, sans-serif; font-size:2.2em; }
#quienes-somos .subtitular p { padding:8px 100px 0 100px; width:510px; font-size:1.8em; }
.subopciones { background: url("../images/que-ofrecemos/linea.gif") repeat-x bottom right; margin: 0 0 0 98px; font-family:'yrnimbusregular', Helvetica, Arial, sans-serif; font-size:1.8em; width:781px;  }
.subopciones li { list-style:none; float:left; width:146px; padding:0 10px 0 0px;  }
.subopciones li a { display:block; width:146px; padding:10px 0 30px 0; border-top:4px solid #e0e0e0; color:#d9d9d9; background-image:none; }
.subopciones li a:hover, .subopciones li a.selected { text-decoration:none; background: url("../images/que-ofrecemos/selected1.gif") no-repeat bottom left; border-top-color:#64abca; color:#333333;  }
.contenido-submenu { padding: 40px 0 0 0px; width: 780px; margin: 0px auto 0px auto;  }
#ventajas .contenido-submenu { padding-top:10px; }
#para-quien .contenido-submenu { padding-top:10px; }
#contacto .contenido-submenu { padding-top:0px; }
.contenido-izquierda { width:284px; }
#ventajas .contenido-izquierda { width:426px; } 
#para-quien .contenido-izquierda { width:313px; }
#para-quien .contenido-izquierda ul { padding-top:10px; }
.contenido-derecha { width:495px; }
#ventajas .contenido-derecha { width:343px; }
#para-quien .contenido-derecha { width:467px; }
.colored { background:#f7f7f7; padding-top: 22px; padding-bottom:3px; margin-bottom:15px; }
#para-quien .colored { background:#fff; padding-top:0; }
.contenedor-caja { background: url("../images/globales/mid-box.gif") repeat-y top left; text-align:center;  }
.contenido-derecha .top { background: url("../images/globales/top-box.gif") no-repeat top left; }
#para-quien .contenido-derecha .top { background: url("../images/para-quien/box-top.gif") no-repeat top left; } 
#para-quien .contenido-derecha .bottom { background: url("../images/para-quien/box-bot.gif") no-repeat bottom left; font-family:'NimbusSansBeckerTLigRegular', Helvetica, Arial, sans-serif; font-size:3.6em; color:#f18e46; text-align:center; line-height: 1em;}
#para-quien .contenido-derecha .extra .bottom  { font-size:1em; text-align:left; color:#0174a7; line-height:normal; padding: 30px 30px 20px 60px; }
#para-quien .contenido-derecha .extra .bottom p { font-size:1.4em; padding-left:90px; }
#para-quien .contenido-derecha .extra .bottom p a { color:#0174a7; } 
#opc1 .extra { background: url("../images/para-quien/xtra-image-1.gif") no-repeat 0 11px }
#opc1 .extrad { background: url("../images/para-quien/in-arrow.gif") no-repeat right 0px }
#opc2 .extra { background: url("../images/para-quien/xtra-image-2.gif") no-repeat 0 14px }
#opc2 .extrad { background: url("../images/para-quien/in-arrow.gif") no-repeat right 31px }
#opc3 .extra { background: url("../images/para-quien/xtra-image-3.gif") no-repeat 0 14px }
#opc3 .extrad { background: url("../images/para-quien/in-arrow.gif") no-repeat right 61px }
#opc4 .extra { background: url("../images/para-quien/xtra-image-4.gif") no-repeat 0 14px }
#opc4 .extrad { background: url("../images/para-quien/in-arrow.gif") no-repeat right 95px }
#opc5 .extra { background: url("../images/para-quien/xtra-image-5.gif") no-repeat 0 14px }
#opc5 .extrad { background: url("../images/para-quien/in-arrow.gif") no-repeat right 142px }
#opc6 .extra { background: url("../images/para-quien/xtra-image-6.gif") no-repeat 0 14px }
#opc6 .extrad { background: url("../images/para-quien/in-arrow.gif") no-repeat right 189px }
#para-quien .contenido-derecha .middle { background: url("../images/para-quien/box-mid-n.gif") no-repeat top left; } 
#para-quien .contenido-derecha .caja-para-quien { background: url("../images/para-quien/box-mid-r.gif") repeat-y top left; }
.contenido-derecha .bottom { background: url("../images/globales/bot-box.gif") no-repeat bottom left; padding:40px 60px 40px 60px; }
.contenedor-caja p { font-family:'yrnimbusregular', Helvetica, Arial, sans-serif; color:#0275a8; font-size:1.6em;  }
.contenedor-caja p a {color:#0275a8;}
.contenedor-caja h3 {
	font-family:'yrnimbusregular', Helvetica, Arial, sans-serif;
	font-weight:bold;
	color:#000;
	font-size:1.5em;
}
/* caja de ventajas */
.caja-opinion{ background: url("../images/ventajas/mid-caja-opinion.gif") repeat-y top left; }
.caja-opinion .top{ background: url("../images/ventajas/top-caja-opinion.gif") no-repeat top left; }
.caja-opinion .bottom{ background: url("../images/ventajas/bot-caja-opinion.gif") no-repeat bottom left; padding:30px; color:333; font-family:Helvetica, Arial,  sans-serif; font-style:italic; font-size:1.3em;text-align:center; }
.opinion-persona { padding:3px 0 33px 0; }
.image-person {width:52px; padding:0 0 0 39px;}
.text-opinion { width:237px; }
.text-opinion p { margin:0; }
.name { font-size:1.2em; font-family:'yrnimbusboldb', Helvetica, Arial, sans-serif; color:#333;  }
.role { font-size:1.2em; font-family:'yrnimbusregular', Helvetica, Arial, sans-serif; color:#333;  }
.bar-l { background: url("../images/globales/dash.gif") no-repeat center left; }
.bar-r { background: url("../images/globales/dash.gif") no-repeat center right; padding:0 30px 0 30px; } 
.pie-caja {  background: url("../images/globales/hand-icon.gif") no-repeat center left; padding:20px 10px 20px 60px;  font-family:'yrnimbusregular', Helvetica, Arial, sans-serif; color:#333333; font-size:1.5em; }
.pie-caja a { color:#333333; }
.contenido-izquierda { font-family:'NimbusSansBeckerTLigRegular', Helvetica, Arial, sans-serif; font-size:1.6em; color:#333333; padding:10px 0 0 0;}
.contenido-izquierda p { margin-bottom: 30px; }
#ventajas .contenido-izquierda p { margin-bottom: 22px;  } 
#para-quien .contenido-izquierda p { padding: 0 0px 0 20px;  }
#ventajas .contenido-izquierda .colored p { padding:0 35px 0 80px; background:url(../images/ventajas/check.gif) no-repeat top left; color:#666666; font-weight:1.6em; }
.contenido-izquierda p a { color:#0072aa; font-family:'yrnimbusregular', Helvetica, Arial, sans-serif; }
/* lista menu para quién */
#para-quien .contenido-izquierda ul li{ font-family: Helvetica, Arial, sans-serif; color:#666666; list-style:none; padding:0 30px 14px 15px; background:url(../images/para-quien/bullet.gif) no-repeat 0 3px; }
#para-quien .contenido-izquierda ul li a { color:#666666; }
#para-quien .contenido-izquierda ul li a.selected { text-decoration:none; font-weight:bold; }
.footer { background:#0275a8; }
.contacto-data { padding: 0 20px 0 170px; }
.contacto-data p { padding: 0 0 40px 77px; }
.telefono-contacto { background: url("../images/contacto/telefono.gif") no-repeat 0 7px;  }
.telefono-contacto .numero { font-family:'yrnimbusboldb', Helvetica, Arial, sans-serif; font-size:5em; color:#eb6a0b; }
.telefono-contacto .nota { font-family:'yrnimbusregular', Helvetica, Arial, sans-serif; font-size:2em; color:#666666; }
.email-contacto { background: url("../images/contacto/sobre.gif") no-repeat 0 0px; }
.email-contacto a { font-size:3em; color:#eb6a0b;  font-family:'yrnimbusregular', Helvetica, Arial, sans-serif; }
.datos-footer { 
	width: 780px;
	margin: 40px auto 0px auto;
	padding: 20px 0 0 0px;
 }
.datos-footer .left{
 	width:300px;
 }
.datos-footer .left li { list-style:none; font-size:1.8em; color:#fff; font-weight:bold; font-family:Arial, Helvetica, sans-serif; }
.datos-footer .left li a { color:#fff; text-decoration:none; }
.datos-footer .right{
 	width:350px;
 }
.datos-footer .right li{
	float: right;
	list-style: none;
	margin:0 0 0 8px;
}
.datos-footer .telefono{
	color: #fff;
	background: url("../images/pie/phone-icon.gif") no-repeat center left; 
}
.datos-footer a span{
	display:none;
}

.datos-footer .twitter a{
	background: url("../images/pie/twitter-icon.gif") no-repeat top left; 
}
.datos-footer .facebook a{
	background: url("../images/pie/facebook-icon.gif") no-repeat top left; 
}
.datos-footer .blogspot a{
	background: url("../images/pie/blogger-icon.gif") no-repeat top left; 
}
.datos-footer p { color:#fff; font-family:'yrnimbusregular', Helvetica, Arial, sans-serif; font-size:2em; padding:20px 0 20px 0; text-align:center;
  } 
  
#promoono #facebox .popup {
	border: 0px;
	box-shadow:0;
}


/* mods ssv home */
body.homepage #video {float:left;width:442px;}
body.homepage #video img {cursor: pointer;}
body.homepage #intro {float:left;width:336px;}
body.homepage .content-banner .content {height: 313px;}
body.homepage .content .texto-superior{
	padding:23px 20px 0 22px;
}
body.homepage .caja-verde{
	margin:85px 23px 0px 22px;
	width:299px;
	height:92px;
}
body.homepage .hidden{display:none;}
body.homepage .content{ 
	background:#0275a8; 
}