@charset "UTF-8";
/* CSS Document */

/*-------------------------------------------
PARA MOVILES
-------------------------------------------*/

 @media all and (max-width:480px) and (min-width:240px){
.sticky-nav .logo {margin-left: 10px; width:150px; height:46px; background-size:150px 92px;}
.sticky-nav .ancho {padding:0;}
.js .slicknav_menu {display:block;}
.sticky-nav.stuck {position:fixed;}
.sticky-nav ul {float: none;}
.sticky-nav ul li {margin:0 auto; padding:5px 0; line-height:35px; letter-spacing:1px; display:block; text-align:center;}
.sticky-nav ul li.ini {border-top:1px solid #999;}

#contenedor	{width:100%;}
header {width:100%; height:40px;}
.limites {width:100%;}

.js #menu,
.news,
.skype-online #world,
.skype-online #mail-skype,
.tplus,
.line-divide-interior,
.servicios-youtube #left,
header .redes,
.theme-default .nivo-controlNav,
.textos-interiores-servicios #left
 {display:none;}
 
.welcome {width:100%; height:auto; margin-top:55px;}
.welcome #left h1 {font-size:22px; text-transform:uppercase;}
.welcome .foto {margin:20px auto;}
.welcome #left a {float:none; width:auto; padding:20px; text-align:center;}
.welcome #right {width:100%; float:none; height:auto !important;}

.skype-online {width:100%; padding:0px; background:#F00;}

.skype-online #skype {width:70%; padding:18px 0 0 70px;}

.video-testimonio {width:852px; font-size:13px; color:#f00; text-transform:uppercase; letter-spacing:1px; text-align:center; line-height:30px; border:1px solid #f99; margin:25px auto 0 auto; padding-left:90px; background:url('../images/ytvt.png') no-repeat 0 0 #feebeb;}

.video-testimonio {width:74%; padding-left:80px; margin: 20px auto 0 auto; letter-spacing:normal;}
.video-testimonio a {font-size:11px;}
.video-testimonio span {display:none; font-size:11px;}
.video-testimonio span.dispositivos {display:inline;}
.servicios-youtube {width:100%;}
.servicios-youtube #right {width:100%; float:none;}
.servicios-youtube #right .uno {float:none; margin:0 auto;}
.servicios-youtube #right .dos {width:88%; float:none; margin:20px auto 0 auto;}
.servicios-youtube #right .dos .lista {width:100%;}
#pie-2013 {width:100%; padding:0;}
.pie-resp {padding:5%; text-align:center;}

.textos-interiores, .textos-interiores-servicios {margin-top:60px; width:100%; padding:0;}
.textos-interiores .edificio {float:none;}
.textos-interiores p {padding:0 5%;}
#youtube-banner a {width:100%; background-size:800px 95px; margin:0;}
.textos-interiores h1, .textos-interiores-servicios #right h1, .textos-interiores-servicios #right h2 {margin-left:15px; line-height:23px;}
.textos-interiores-servicios #right h2 {width:90%;}

.textos-interiores #contenido-servicios {width:100%; margin:0 auto; padding:8px 0; border-left:0; border-right:0; border-radius:0; border-bottom:0px;}
.textos-interiores #contenido-servicios:hover {border-left:0 !important; border-right:0 !important; border-bottom:0 !important; text-decoration:none !important; color:#c63 !important; border-top:1px solid #399 !important;}

.textos-interiores-servicios #right {width:100%; float:none; padding:0; border-left:none;}
.textos-interiores-servicios #right p, .textos-interiores-servicios #right ol {padding:5%;}
.textos-interiores-servicios #right img {margin-left:20px; width:90%; height:auto;}
.ver-youtube {width:80%; margin:0 auto 20px auto;}

.servicio-resp {width:80%; margin:30px 0 10px 0; padding:8px 35px 8px 0; background:url('../images/ver-se.jpg') no-repeat right center; display:block; margin:0 auto 20px auto; text-align:right; font-size:15px;}
.servicio-resp a {color:#399; text-decoration:none;}
.servicio-resp a:hover {color:#000 !important; text-decoration:none !important;}

.paulete {width:90%; height:auto;}
.foto-equipo {float:none; margin:5px 0 !important; width:96%; height:auto;}
.textos-interiores #contenido {width:88%;}
.textos-interiores .left-medicos {display:none;}
.textos-interiores .right-medicos {width:76%; float:none; margin:20px 0 20px 8px; font-size:18px; line-height:23px;}

.noticias {width:100%; padding:0; border-radius:0 !important; border-left:none; border-right:none; text-align:center;}
.noticias #fecha {padding-top:15px;}
.noticias #comparte {color:#000; margin-top:10px; font-size:11px;}
.noticias img {width:90%; height:auto;}
.tabla-comparte {margin:10px auto;}
.video-noti {width:85% !important;}

.map-google {width:100%; height:180px; float:none; margin:0 auto 20px auto; border:none;}
#contacto {width:90%; float:none; margin:0 auto;}
#contacto input {width:100%;}
#contacto textarea {width:100%;}
#contacto .boton {width:100%;}

.textos-interiores .currileft {float:none; width:100% !important; margin:0 auto 20px auto;}
.textos-interiores .curri {float:none; width:98%; margin-bottom:20px;}

.textos-interiores .return-curri {width:96%; margin:0 auto 20px auto;}
.textos-interiores .curri ul li {line-height:auto;  margin-bottom:0 !important; padding:0 10px;}
.textos-interiores .curri ul {margin-left:10%;}

.right-video-test {width:100%; float:none; margin:10px auto;}
.right-video-test p {width:100%; text-align:center; margin:0; padding:0;}

.redes-resp {width:100%; height:32px; display:inline;}
.redes-resp img {margin-left:5px; border:0;}
}

/*-------------------------------------------
PARA TABLETS
-------------------------------------------*/	
@media all and (max-width:768px) and (min-width:481px){
	.sticky-nav .logo {margin-left: 10px; width:150px; height:46px; background-size:150px 92px;}
.sticky-nav .ancho {padding:0;}
.js .slicknav_menu {display:block;}
.sticky-nav.stuck {position:fixed;}
.sticky-nav ul {float: none;}
.sticky-nav ul li {margin:0 auto; padding:5px 0; line-height:35px; letter-spacing:1px; display:block; text-align:center;}
.sticky-nav ul li.ini {border-top:1px solid #999;}

#contenedor	{width:100%;}
header {width:100%; height:40px;}
header .redes {display:none;}
.limites {width:100%;}

.js #menu,
.news #left,
.skype-online #mail-skype,
.separador,
.line-divide-interior,
.servicios-youtube #left
{display:none;}

.news, .video-testimonio {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

.skype-online {width:100%; padding:0px; background:#F00;}
.news {max-width:100%; height:125px !important;}
.video-testimonio {max-width:100%; letter-spacing:normal;}
#pie-2013 {width:100%; padding:0;}
.pie-resp {padding:5%; text-align:center;}
.servicios-youtube {width:100%;}
.servicios-youtube #right {width:90%; margin:0 auto;}
.servicios-youtube #right .uno {width:50%;}
.servicios-youtube #right .dos {width:50%;}
.servicios-youtube #right .dos .lista {width:100%;}

.textos-interiores, .textos-interiores-servicios {margin-top:60px; width:100%; padding:0;}
.textos-interiores p {padding:0 5%;}
.textos-interiores h1, .textos-interiores-servicios #right h1, .textos-interiores-servicios #right h2 {margin-left:3%; line-height:23px;}
.textos-interiores-servicios #right h2 {width:90%;}
.textos-interiores .edificio {margin-left:3%;}
.textos-interiores #contenido-servicios {width:45%;}
#youtube-banner a {width:100%; background-size:100%; margin:0;}
.foto-equipo {margin-left:3%;}
.textos-interiores #contenido {width:28%;}
.textos-interiores .left-medicos {width:30%; margin-left:3%;}
.textos-interiores .right-medicos {width:50%; font-size:18px; line-height:23px;}
.noticias {width:100%; padding:5% 0; border-radius:0 !important; border-left:none; border-right:none; text-align:center;}
.tabla-comparte {margin:10px auto;}
.map-google {width:50%; height:420px; margin-left:3%;}
#contacto {width:44%;}

.textos-interiores-servicios #left {width:25%; padding:0 0 0 3%;}
.textos-interiores-servicios #left .title {font-size:18px;}
.textos-interiores-servicios #right {width:65%; padding:0 3%;}

.paulete {width:100%; height:auto;}

.textos-interiores .currileft {width:25% !important; margin:0 auto 20px auto; padding-left:2%;}
.textos-interiores .curri {width:70%; margin-bottom:20px;}
.textos-interiores .return-curri {width:99%; padding:2% 1% 2% 0%;}
.right-video-test {width:100%; float:none; margin:10px auto;}
.right-video-test p {width:100%; text-align:center; margin:0; padding:0;}
 
.welcome {width:100%; height:auto; margin-top:55px;}
.welcome p { margin-top:20px;}
.welcome #left h1 {font-size:22px; text-transform:uppercase;}
.welcome #left a {float:none; width:auto; padding:20px; height:140px;}
.welcome #right {width:100%; float:none; height:auto !important;}
.welcome .foto { width:200px; height:108px; background-size:200px 108px; float:left; margin-right:20px;}

.redes-resp {width:100%; height:32px; display:inline;}
.redes-resp img {margin-left:5px; border:0;}

}