@charset "utf-8";

body {
	font-family: 'Raleway', sans-serif;
	margin: 0px;
	background-color: #FFF;
}
p {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

.caja1100 {
	width: 1100px;
	margin-right: auto;
	margin-left: auto;
	font-family: Raleway, sans-serif;
}
@media only screen and (max-width:620px) { 
.caja1100{
	width: 95%;
	margin-left: auto;
	margin-right: auto;
}
}
#flotante {
	position: fixed;
	z-index: 999;
	top: 0px;
	right: 0px;
	margin-top: 20px;
}
#flotante ul {
		list-style: none;
}
#flotante li {
	float:right;
	clear:right;
}
#flotante li img {
	margin:10px;
	float: left;
}
#flotante ul li a{
	display: block;
	background-color: #335A8C;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	color: #FFF;
	margin-bottom: 10px;
	text-align: center;
	-webkit-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.3);
	box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.3);
	-webkit-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease; /* Establecemos una transición a todas las propiedades */
	color: #FFF;
	text-decoration: none;
	height:50px;
	line-height:50px
}
#flotante ul li a:hover {
	padding-right: 20px;
}
#flotante ul li span {
	font-size: 1px;
	visibility:hidden;
	opacity: 0;
	-webkit-transition: opacity 600ms, visibility 600ms;
	transition: opacity 600ms, visibility 600ms;
	color:#335A8C
}

#flotante ul li:hover span{
	font-size: 17px;
	visibility:visible;
	opacity: 1;
	color:#FFF
}
@media only screen and (max-width:620px) { 
#flotante {
	margin-top: 5px;
}
#flotante li img {
	margin-right: 0px;
}
#flotante .fb{
	display:block
}
#flotante ul li a{
	height:34px;
	line-height:34px
}
#flotante li img {
	margin: 7px;
	width:20px
}
}
#whatsapp {
	position: fixed;
	z-index: 999;
	bottom: 20px;
	left: 20px;
}
#menu_responsive {
	display:none
}
@media only screen and (max-width:620px) { 
#menu_responsive {
	display:block
}
}
.botonera {
	float: right;
	padding-top: 55px;
	padding-right: 0px;
}
@media only screen and (max-width:620px) { 
.botonera {
	display:none
}
}
.botonera .link {
	font-size: 17px;
	text-decoration: none;
	line-height: 30px;
	cursor: pointer;
	margin-right: 10px;
	margin-left: 10px;
	padding-bottom: 5px;
}
.botonera .link   {
	color: #FFFFFF;
}
.botonera a.link:hover {
	text-decoration: none;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #335A8C;
}
.botonera .botonera_seccion {
	display: inline;
	list-style-type: none;
	float: left;
}
.botonera .caja_desplegable {
	width: 300px;
	text-align: left;
	border-radius: 10px;
	-webkit-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.3);
box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.3);
}
.botonera .caja_desplegable   {
	background-color: #FFF;
}
.botonera .col_linea {
	line-height: 18px;
	padding: 10px;
}
.botonera .botonera_linea{
	font-size: 15px;
	color: #666;
	text-decoration: none;
}
.botonera a.botonera_linea:hover{
	color: #335A8C;
}

.botonera .botonera_familia {
	font-size: 14px;
	color: #CCC;
	text-decoration: none;
}
.botonera a.botonera_familia:hover{
	text-decoration: underline;
}
#cabecera {
	background-repeat: no-repeat;
	background-position: right bottom;
	min-width: 1100px;
	background-color: #193A5B;
}
#cabecera_home {
	min-width: 1100px;
	background-color: #0C3A5E;
}
.cabecera_interior {
	height: 500px;
}
.cabecera_home {
	height: 900px;
}
@media only screen and (max-width:620px) { 
#cabecera {
	min-width: 0px;
	background-position: top;
}
#cabecera_home {
	min-width:0px;
}
#cabecera_home .caja1100{
	width:100%
}
.cabecera_home {
	height: 900px;
}
.cabecera_interior {
	height:auto;
	padding-bottom:30px
}
.cabecera_interior .banner_home{
	padding-top:100px
}
}
@media only screen and (max-width:500px) {
	.cabecera_home {
	height: 1100px;
}
}
#cabecera .logo, #cabecera_home .logo{
	float: left;
	padding-top: 10px;
	padding-right: 30px;
}
@media only screen and (max-width:620px) { 
#cabecera .logo, #cabecera_home .logo{
	float: none;
	padding-right: 0px;
}
#cabecera .logo img, #cabecera_home .logo img{
	width: 70%;
	max-width: 350px
}
}
.banner_home {
	color: #FFF;
	clear: both;
	padding-top: 80px;
	font-size: 17px;
	width: 600px;
}
@media only screen and (max-width:620px) { 
.banner_home {
	padding-right: 0px;
	padding-top: 50px;
	width: 95%;
	margin-right: auto;
	margin-left: auto;
}
.banner_home .margen_responsive {
	padding-right: 40px;
}
}
.banner_home .grande {
	font-size: 22px;
	font-weight: 500;
}
.banner_home .bt {
	color: #FFF;
	background-color: #3395DA;
	font-size: 22px;
	line-height: 50px;
	margin-top: 20px;
	height: 50px;
	border-radius: 5px;
	text-align: center;
	width: 220px;
	cursor: pointer;
	padding-right: 20px;
	padding-left: 20px;
}
.mensaje_grande {
	text-align: center;
	padding-top: 50px;
	padding-bottom: 50px;
	font-size: 30px;
	color: #335A8C;
	margin-right: auto;
	margin-left: auto;
	line-height: 45px;

}
.banner_home .punteo {
	margin-bottom:30px

}
@media only screen and (max-width:620px) { 
.mensaje_grande {

	padding-top: 30px;
	padding-bottom: 30px;
	font-size: 25px;
	line-height: 30px;
}
.banner_home .punteo {


}
}
.mensaje_grande .bt {
	color: #FFF;
	background-color: #3395DA;
	width: 190px;
	font-size: 22px;
	line-height: 50px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	height: 50px;
	border-radius: 5px;
	cursor: pointer;
	padding-right: 20px;
	padding-left: 20px;
}
@media only screen and (max-width:620px) { 
.mensaje_grande .bt {
	width: 160px;
	font-size: 20px;
	line-height: 40px;
	height: 40px;
}
}
.contenido {
	font-size: 17px;
	line-height: 25px;
	color: #666;
	padding-top: 30px;
	padding-bottom: 50px;
	clear: both;
}
@media only screen and (max-width:620px) { 
.contenido {
	padding-bottom: 30px;
}
}
.caja_plan {
	width: 320px;
	margin-right: 20px;
	margin-left: 20px;
	float: left;
	text-align: center;
	border: 1px solid #335A8C;
	font-size: 16px;
	padding-top: 15px;
	border-radius: 10px;
	padding-bottom: 20px;
}
@media only screen and (max-width:620px) { 
.caja_plan {
	width:100%;
	max-width: 320px;
	margin-right: auto;
	margin-left: auto;
	float: none;
	margin-bottom:20px
}
}
.caja_plan .titulo {
	font-size: 27px;
	color: #335A8C;
	padding-bottom: 20px;
	padding-top:10px
}

.caja_plan .item {
	margin-top: 10px;
	margin-right: 15px;
	margin-left: 15px;
	padding-bottom: 10px;
}
.caja_plan .item.borde {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
.caja_plan .grupo {
	background-color: #EBEBEB;
	padding-bottom: 5px;
	margin-bottom: 25px;
	padding-top: 5px;
}
.caja_plan .precio {
	font-size: 20px;
}
.caja_plan .bt {
	color: #FFF;
	background-color: #3395DA;
	width: 170px;
	font-size: 22px;
	line-height: 50px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	height: 50px;
	border-radius: 5px;
	cursor: pointer;
}
.destacado {
	color: #0669A6;
	font-size: 18px;
	text-decoration: none;
}
.titulo_seccion .producto {
	color: #335A8C;
}
.titulo_seccion .ico {
	width:40px;
	margin-top:10px
}
.titulo_seccion .producto_link {
	font-size: 18px;
	text-decoration: none;
	color: #999;
}
.titulo_seccion a.producto_link:hover {
	color: #335A8C;
}

#detalle_producto .fecha {
	font-size: 14px;
	color: #999;
}

#detalle_producto .subtitulo {
	color: #999;
}










#detalle_producto .titulo_nove {
	font-size: 23px;
	color: #335A8C;
	line-height: 25px;
}
#detalle_producto .oferta {
	color: #FFF;
	background-color: #003B6A;
	padding: 5px;
	margin-top: 5px;
}





#detalle_producto .imagenes {
	float: left;
}
@media only screen and (max-width:620px) { 
#detalle_producto .imagenes {
	float: none;
	text-align:center
}
}
#detalle_producto .imagenes img {
	height: auto;
	width: 350px;
	margin-right: 30px;
	margin-bottom: 10px;
}
@media only screen and (max-width:620px) { 
#detalle_producto .imagenes img {
	max-width: 350px;
	width:100%;
	margin-right: 0px;
}
}
#detalle_producto .imagenes .foto2 {
	margin-right: 30px;
	margin-bottom: 10px;
}
@media only screen and (max-width:620px) { 
#detalle_producto .imagenes .foto2 {
	margin-right: 0px;
}
}

#detalle_producto .imagenes .video {
	margin-top: 10px;
	margin-right: 20px;
}
@media only screen and (max-width:620px) { 
#detalle_producto .imagenes .video {
	margin-right: 0px;
}
}
#detalle_producto .imagenes_nove {
	float: right;
	padding-bottom: 5px;
}
#detalle_producto .imagenes_nove img {
	height: auto;
	width: 280px;
	margin-left: 20px;
}
#detalle_producto .imagenes_nove .video {
	margin-top: 10px;
	margin-left: 20px;
}
#detalle_producto .imagenes .fb-page {
	margin-right: 30px;
}


#detalle_producto .texto {
	padding-top: 20px;

}

#detalle_producto .texto a, #detalle_producto .texto_destacado a {
	color: #335A8C;
}
#detalle_producto .texto a:hover, #detalle_producto .texto_destacado a:hover {
	text-decoration: none;
}
#detalle_producto .sector_descargas {
	clear: both;
	padding-top: 20px;
}
#detalle_producto .texto_destacado {
	background-color: #E9EAE8;
	padding: 10px;
	clear: both;
	border-top-width: 20px;
	border-top-style: solid;
	border-top-color: #FFF;
	text-align: justify;
}

.sector_descargas .tit_descargas {
	font-size: 20px;
	color: #999;
	background-image: url(../img/bt_descarga.jpg);
	background-repeat: no-repeat;
	line-height: 60px;
	padding-left: 60px;
	background-position: 3px;
}

#detalle_producto .bt_descarga {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E6E6E6;
	margin-bottom: 5px;
	padding: 5px;
}
#detalle_producto .bt_descarga a{
	color: #666;
	text-decoration: none;
	line-height: 25px;
}
#detalle_producto .bt_descarga a:hover {
	color: #0669A6;
}
#detalle_producto .visitar {
	line-height: 50px;
	border: 1px solid #CCC;
	border-radius: 5px;
	background-image: url(../img/ico_mundo.png);
	background-repeat: no-repeat;
	background-position: 15px center;
	padding-left: 70px;
	float: right;
	padding-right: 15px;
	cursor: pointer;
	margin-bottom: 30px;
}
#detalle_producto div.visitar:hover {
	color:#335A8C

}



.ver_todos  {
	text-align: center;
	padding-top: 20px;
	clear:both
}
.ver_todos a {
	font-size: 15px;
	color: #999;
	text-decoration: none;
}
.ver_todos a:hover {
	color: #666;
}
.volver_nove {
	font-size: 12px;
	color: #999;
	float: right;
	text-decoration: none;
	padding-left: 20px;
}

a.volver_nove:hover {
	color: #EA1E29;
}
#detalle_redes_hor {
	clear: both;
	padding-top: 30px;
}
.volver {
	text-align: right;
}
.volver a {
	font-size: 14px;
	color: #999;
	text-decoration: none;
}
.volver a:hover {
	color: #335A8C;
}


#detalle_redes_hor .rsociales img {
	border:0pt none;
	padding:0pt;
	margin-top: 2pt;
	margin-right: 2pt;
	margin-bottom: 2pt;
	margin-left: 0pt;
}
#detalle_redes_hor .titulo_redes {
	color: #999;
	font-size: 12px;
	padding-top: 3px;
	line-height: 20px;
	margin-right: 10px;
}
.galeria {
	background-color: #E9EAE8;
	width: 100%;
	margin-top: 30px;
	padding: 5px;
	clear: both;
}
.galeria img{
	height: 120px;
	width: auto;
	margin: 5px;
}
.trabajos {
	background-color: #EBEBEB;
	padding-top: 50px;
	padding-bottom: 50px;
}
@media only screen and (max-width:620px) { 
.trabajos {
	padding-top: 30px;
	padding-bottom: 30px;
}
}
.bloque_producto {
	background-color: #FFFFFF;
	float: left;
	width: 340px;
	cursor: pointer;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 30px;
	border-radius: 10px;
	border: 1px solid #CCC;
}
@media only screen and (max-width:620px) { 
.bloque_producto {
	float: none;
	cursor: pointer;
	margin-right: auto;
	margin-left: auto;
}
}
.bloque_producto .foto_producto{
	height: 220px;
	background-repeat: no-repeat;
	background-size: 100% auto;
	border-radius: 10px;
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 10px;
	border: 1px solid #CCC;
}
div.bloque_producto:hover {
	background-color: #EBEBEB;
	border: 1px solid #FFF;
}
.bloque_producto .caja_foto {
	height: 320px;
	width: 320px;
	text-align: center;
	background: #FFF url(../img/sin_foto.jpg) no-repeat center center;
	margin-bottom: 15px;
}
.bloque_producto .foto {
	height: auto;
	width: auto;
	max-width: 300px;
	max-height: 300px;
}

.bloque_producto .bt_mas {
	color: #FFF;
	text-decoration: none;
	background-color: #666666;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-size: 14px;
}
.bloque_producto a.bt_mas:hover {
	background-color: #57BBD2;
	-webkit-transition: background-color 300ms linear;
	-ms-transition: background-color 300ms linear;
	transition: background-color 300ms linear;
}
.bloque_producto .titulo_linea {
	font-size: 12px;
	padding-left: 70px;
	color: #E28118;
	font-weight: bold;
}
.bloque_producto .titulo_producto  {

}
.bloque_producto .titulo_producto_banda  {
	font-size: 17px;
	text-align: right;
	color: #335A8C;
	height: 50px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.bloque_producto .ico {
	float: left;
	height: 25px;
}

.bloque_producto .texto_producto {
	padding-top: 10px;
}
.bloque_producto .descargar {
	float: right;
}
.bloque_producto .icono {
	height: auto;
	width: 100px;
	margin-top: 10px;
}
.titulo_seccion {
	font-size: 40px;
	color: #CCCCCC;
	margin-bottom: 30px;
	text-align: center;
	line-height: 35px;
	clear: both;
	font-weight: normal;
}
.titulo_seccion .subtitulo{
	font-size: 25px;
}
.titulo_seccion_home {
	font-size: 40px;
	color: #CCCCCC;
	margin-bottom: 30px;
	text-align: center;
	line-height: 35px;
	margin-top: 10px;
	clear: both;
}
@media only screen and (max-width:620px) { 
.titulo_seccion_home {
	font-size: 35px;
	margin-bottom: 20px;
}
}
.titulo_seccion_home a{
	color: #CCCCCC;
	text-decoration:none
}
.titulo_seccion_home a:hover{
	text-decoration:underline
}
.bloque_noticias  {
	float: left;
	width: 340px;
	height: 500px;
	margin-bottom: 30px;
	cursor: pointer;
	margin-right: 10px;
	margin-left: 10px;
	border: 1px solid #CCC;
	border-radius: 10px;
}
@media only screen and (max-width:620px) { 
.bloque_noticias {
	float: none;
	cursor: pointer;
	margin-right: auto;
	margin-left: auto;
	height: auto;
	padding-bottom:10px
}
}
div.bloque_noticias:hover  {
	background-color: #EBEBEB;
}
.bloque_noticias .caja_foto {
	height: 300px;
	width: 300px;
	text-align: center;
	margin: 15px;
}
@media only screen and (max-width:620px) { 
.bloque_noticias .caja_foto {
	height: auto;
}
}
.bloque_noticias .foto {
	height: auto;
	width: auto;
	max-width: 300px;
	max-height: 300px;
}

.bloque_noticias .fecha {
	font-size: 13px;
	color: #999;
	padding-right: 15px;
	padding-left: 15px;
}
.bloque_noticias .titulo {
	padding-right: 15px;
	padding-left: 15px;
	font-size: 19px;
	color: #335A8C;
	text-decoration: none;
}
.bloque_noticias .subtitulo {
	color: #999;
	padding-right: 15px;
	padding-left: 15px;
}
.bloque_equipo  {
	float: left;
	width: 300px;
	margin-bottom: 30px;
	margin-right: 30px;
	margin-left: 30px;
}
@media only screen and (max-width:620px) { 
.bloque_equipo  {
	float: none;
	width: 300px;
	margin-bottom: 30px;
	margin-right: auto;
	margin-left: auto;
}
}
.bloque_equipo .foto {
	height: 300px;
	width: 300px;
}
.bloque_equipo .titulo {
	font-size: 18px;
	color: #FFFFFF;
	background-color: #3395DA;
	text-align: center;
	border-radius: 10px;
	line-height: 50px;
	cursor: pointer;
}
.bloque_equipo div.titulo:hover {
	background-color: #335A8C;
}
.caja_abajo_equipo {
	width: 720px;
	clear: both;
	margin-right: auto;
	margin-left: auto;
}
@media only screen and (max-width:620px) { 
.caja_abajo_equipo {
	width: 100%;
}
}
.celda_contacto {
	color: #666;
	background-color: #F0F0F0;
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 30px;
	margin-right: 100px;
	margin-left: 100px;
}
.caja {
	font-size: 14px;
	color: #666;
	background-color: #FFF;
	font-family: 'Roboto Slab', sans-serif;
	width: 100%;
	border: 1px solid #CCC;
	padding: 5px;
}
.bt_enviar {
	font-size: 16px;
	color: #FFFFFF;
	background-color: #05577D;
	border: 1px solid #fff;
	margin-top: 20px;
	font-family: 'Roboto Slab', sans-serif;
	cursor: pointer;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 110px;
}
.peque {
	font-size: 14px;
	color: #666;
}
.peque a{
	color: #666;
}
.peque a:hover{
	text-decoration:none
}
.error {
	font-size: 12px;
	line-height: 14px;
	background-color: #000;
	padding: 5px;
	color: #999;
	margin-top: 20px;
	margin-right: 20px;
}
.error .destacado {
	font-weight: bold;
	color: #FFF;
}
.punteo {
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 50px;
}
#form_contacto {
	width: 90%;
	max-width:800px;
	cursor:default;
}
#webmail,#login {
	width: 90%;
	max-width:600px;
	cursor:default;
}
.popup {
	color: #666;
	font-size: 17px;

}
.popup .logo_contacto {
	float: right;
	width: 250px;
}
.popup .titulo_contacto {
	font-size: 30px;
	color: #CCC;
	padding-top: 100px;
}
.popup form {
	clear:both
}
.popup .caja_contacto {
	width: 100%;
	font-family: 'Raleway', sans-serif;
	font-size: 15px;
	color: #666;
	background-color: #F0F0F0;
	padding: 10px;
	border-radius: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-bottom: 20px;
}
.popup .enviar_contacto {
	font-family: 'Raleway', sans-serif;
	font-size: 18px;
	color: #FFF;
	background-color: #335A8C;
	border-radius: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 20px;
	cursor: pointer;
	padding-top: 5px;
	padding-right: 30px;
	padding-bottom: 5px;
	padding-left: 30px;
}
.popup a {
	color: #666;
}
.popup.independiente {
	width: 600px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
}
.popup .acceso_error {
	color: #FFF;
	border-radius: 5px;
	padding: 10px;
	margin-top: 20px;
	background-color: #900;
}
.popup .aclaracion {
	font-size: 14px;
	margin-top: 30px;
	line-height: 18px;
}
.popup .aclaracion .titulo {
	color: #335A8C;
	font-weight: 500;
}




.cv {
	clear: both;
	background-color: #EBEBEB;
	border-radius: 10px;
	padding: 50px;
}
.cv .link{
	color:#666
}
@media only screen and (max-width:620px) { 
.cv {
	margin-top:20px
}
}
.cv_foto {
	float: left;
	margin-right: 30px;
	width: 300px;
}
@media only screen and (max-width:620px) { 
.cv_foto {
	float: none;
	margin-right: auto;
	max-width: 300px;
	width:100%;
	margin-left:auto;
	display:block;
	margin-bottom:20px
}
}
.ayuda_familia {
	font-size: 27px;
	color: #335A8C;
	padding-top: 10px;
	padding-bottom: 15px;
}
.ayuda_texto {
	padding-bottom: 15px;
	padding-left: 30px;
	cursor:pointer
}
div.ayuda_texto:hover {
	color: #335A8C;
}
.ayuda_texto .fecha {
	font-size: 14px;
	padding-left: 20px;
	color: #999;
}
.contacto_dire .caja1100{
	background-image: url(../img/direccion.jpg);
	background-repeat: no-repeat;
	height: 400px;
	text-align: right;
	width: 900px;
}
@media only screen and (max-width:620px) { 
.contacto_dire .caja1100{
	background-image: none;
	width: 95%;
	text-align:center;
	height: auto;
	padding-top:30px
}
}
.contacto_dire .titulo {
	font-size: 30px;
	color: #8A9FB0;
	padding-bottom: 20px;
	padding-top: 100px;
}
@media only screen and (max-width:620px) { 
.contacto_dire .titulo {
	padding-top: 0px;
}
}
.contacto_tel {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
.contacto_tel .caja1100{
	background-image: url(../img/telefonos.jpg);
	background-repeat: no-repeat;
	height: 400px;
	width: 900px;
	background-position: right;
}
@media only screen and (max-width:620px) { 
.contacto_tel .caja1100{
	background-image: none;
	width: 95%;
	text-align:center;
	height: auto;
}
}
.contacto_tel .caja1100 a{
	color:#666;
	text-decoration:none
}
.contacto_tel .caja1100 a:hover{
	color:#333;
}

.contacto_tel .titulo {
	font-size: 30px;
	color: #8A9FB0;
	padding-bottom: 20px;
	padding-top: 100px;
}
@media only screen and (max-width:620px) { 
.contacto_tel .titulo {
	padding-top: 0px;
}
}
.banner_contacto {
	background-image: url(../img/contacto.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-color: #8195B6;
	font-size: 30px;
	color: #FFF;
	padding-top: 40px;
	padding-bottom: 40px;
}
.contacto_tel .img_responsive, .contacto_dire .img_responsive {
	display:none
}
@media only screen and (max-width:620px) { 
.contacto_tel .img_responsive, .contacto_dire .img_responsive  {
	display: inline;
	width: 100%;
	max-width: 390px
}

.banner_contacto {
	font-size: 20px;
	padding-top: 30px;
	padding-bottom: 30px;
	text-align:center;
	line-height:25px;
	background-image: url(../img/contacto_responsive.jpg);
	background-position: center center;
}
}
.banner_contacto .titulo{
	display: block
}
.banner_contacto .titulo a {
	color:#FFF;
	text-decoration:none
}
.banner_contacto .titulo a:hover {
	text-decoration:underline
}
@media only screen and (max-width:620px) { 
.banner_contacto .titulo{
	display: inline
}
}
.banner_contacto .telefono{
	display: inline;
	line-height: 100px;
}

@media only screen and (max-width:620px) { 
.banner_contacto .telefono{
	display: block;
	padding-top:5px;
	line-height: 40px;
}
}
.banner_contacto .bt{
	padding-left: 20px;
	padding-right: 20px;
	font-size: 23px;
	color: #FFF;
	text-decoration: none;
	
}
@media only screen and (max-width:620px) { 
.banner_contacto .bt{
	font-size: 20px;
	
}
}
.banner_contacto img{
	margin-right:5px
}
@media only screen and (max-width:620px) { 
.banner_contacto img{
	width:25px
}
}
#menu {
	font-family: 'Raleway', sans-serif;
}
#menu li {
	background-color: #666;
}
#menu li a{
	font-size: 16px;
	color: #FFF;
	text-decoration: none;
}
#menu li a:hover {

}
#menu li li {
	background-color: #999;
}
#pie {
	background-color: #666;
	font-size: 15px;
	color: #FFF;
	padding-top: 50px;
	padding-bottom: 30px;
	line-height: 22px;
}
#pie .copy {
	padding-top: 40px;
	text-align: center;
	clear: both;
	color: #CCC;
}
#pie .copy img {
	margin:5px;
}
#pie .pie_col {
	float: left;
	width: 240px;
	line-height: 30px;
	color: #CCC;
	padding-top: 20px;
}

#pie .pie_col.primera {
	width: 190px;
}
@media only screen and (max-width:620px) { 
#pie {
	padding-top: 20px;
	text-align:center
}
#pie .pie_col {
	float: none;
	width: 100%;
	padding-top: 20px;
}
#pie .pie_col.primera {
	width: 100%;
}
}
#pie .pie_col a{
	color: #FFF;
	text-decoration: none;
}
#pie .pie_col a:hover{
	text-decoration: underline;
}
#pie .pie_dire {
	float: right;
	width: 350px;
	padding-left: 20px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
}
#pie .pie_dire .logo{
	width: 250px;
	margin-bottom: 20px;
}
@media only screen and (max-width:620px) { 
#pie .pie_dire {
	float: none;
	width: 100%;
	padding-left: 0px;
	border-left: none;
	padding-bottom: 0px;
}
}
.todas_familias {
	clear: both;
	height: 70px;
	width: 290px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 30px;
}
.titulo_seccion div.familia_ico {
	border: 1px solid #CCC;
	height: 60px;
	width: 60px;
	border-radius: 50%;
	float: left;
	text-align: center;
	margin-right: 5px;
	margin-left: 5px;
	cursor: pointer;
}
.titulo_seccion div.familia_ico:hover {
	border: 1px solid #666;
}

.titulo_seccion .familia_ico img{
	height: auto;
	width: 35px;
	margin-top: 12px;
	margin-right: 10px;
	margin-left: 10px;
}
.bloque_cookie {
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
.bloque_cookie .titulo_cookie{
	font-size: 22px;
	color: #335A8C;
	padding-bottom: 5px;
	font-weight: 200;
}