/*======
Soluciones IP
Copyright 2015

 
colores paleta
-------------
004fa2 - azul
fcb823 - amarillo

======== */
/*===================================================================*/
/************************* CSS EXTERNOS ******************************/
/*===================================================================*/

/******** FONTFACE *********/


/******** FIN FONTFACE **********/



/********** SCRIPTS ************/

/***** pestañas buscador *******/

/**** fin pestañas buscador ****/

/********** SCRIPTS ***********/

/*===================================================================*/
/*********************** FIN CSS EXTERNOS ****************************/
/*===================================================================*/


/*===================================================================*/
/****************** DEFINICIÓN ETIQUETAS HTML ************************/
/*===================================================================*/
html, html a{/*fontface*/-webkit-font-smoothing: antialiased !important; }
body{ font-family:'Karma', sans-serif; color:#333; font-size:18px; line-height:normal; font-style:normal !important; font-weight:400}

p{margin:0px 0px 20px 0px; line-height:25px; color:#444}
h1,h2,h3,h4,h5,h6{font-family: 'Roboto Slab', serif; }
strong{font-weight:bold;}
h1{font-size:40px}
h1 a{}
h2{font-size:36px; margin-bottom:20px}
h2 a{}
h3{font-size:32px; margin-bottom:20px}

hr{border:none; height:40px; background:url(/Design/Themes/SolucionesIP/Images/separador.png) no-repeat center}

/*============================================================*/
/****************FIN DEFINICIÓN ETIQUETAS HTML ****************/
/*============================================================*/

/*============================================================*/
/************************** PANES *****************************/
/*============================================================*/

.ContentPane{}
.HeaderPane{}
.FooterPane{}
.LeftPane{}	
.ThreePanes{background-color:#FFF; padding-top:40px}
#pID28401 .ThreePanes, #pID28412 .ThreePanes, #pID28415 .ThreePanes, #pID28413 .ThreePanes, #pID28417 .ThreePanes{padding-top:0}


/*============================================================*/
/********************** FIN PANES *****************************/
/*============================================================*/

/*============================================================*/
/************************ MÓDULOS *****************************/
/*============================================================*/

.zm{padding-bottom:20px}
.zm-hdr{text-align:center; background:url(/Design/Themes/SolucionesIP2015/Images/separadorTituloTema.png) repeat-x center bottom; padding-bottom:40px; /*background:url(/Design/Themes/SolucionesIP2015/Images/separador.png) repeat-x center bottom; padding-bottom:40px;*/ }
.zm-hdr h2{font-size:3em; font-weight:100; margin:40px 0; color:#002a54;}
.zm-ftr{
	margin-bottom:12px
}
.NormalTextBox{width:100%}
/*************** Modules.css **************************/

/*============================================================*/
/************************ FIN MÓDULOS *************************/
/*============================================================*/

/*============================================================*/
/************************** ANIMACIÓN *************************/
/*============================================================*/

.anim{
	-webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 100ms ease-out;
    transition: all 300ms ease-out;
}

.zoom{transition: all .2s ease-in-out;}
.zoom:hover{transform: scale(1.03)}


/*============================================================*/
/******************* INTERFAZ DE USUARIO **********************/
/*============================================================*/

/************** OFFSETS ***************/
/***************************************/

.voffset  { margin-top: 2px; }
.voffset1 { margin-top: 5px; }
.voffset2 { margin-top: 10px; }
.voffset3 { margin-top: 15px; }
.voffset4 { margin-top: 30px; }
.voffset5 { margin-top: 40px; }
.voffset6 { margin-top: 60px; }
.voffset7 { margin-top: 80px; }
.voffset8 { margin-top: 100px;}
.voffset9 { margin-top: 150px;}

/************** MENUES ****************/
/**************************************/
.navbar{font-family: 'Roboto Slab', serif; padding-top:35px; background-image:url(/Portals/solucionesip/images/bandaRoja.jpg);  background-repeat:repeat-x; height:133px; font-size:1em;}
.navbar-collapse{background-color:#FFF;}
.dropdown-menu{font-size:0.9em}
.dropdown-menu > li > a {padding:10px 20px; font-weight:400 !important}
.navbar-nav a{font-weight:700; color:#000 !important}
.navbar-nav a:hover {color:#96172E !important;}
.navbar-nav > li > a:hover {border-bottom:1px solid #96172e}
.navbar-nav > li > a {padding:10px 10px}
.navbar-default {border:none}
.navbar-default .navbar-nav>.open>a:focus {background:#96172e; color:#FFF !important}
.navbar-default .navbar-nav>.open>a {}
.dropdown-menu>li>a:hover {background:#96172e; color:#FFF !important}

.sidemenu ul {outline:#CCC 1px solid; font-weight:500}
.sidemenu ul li {}
.sidemenu ul li a {border-bottom:#CCC 1px solid !important}
.sidemenu ul li a:hover {background:#96172e; color:#FFF}

.nav-stacked>li+li {margin-top:0;}
.nav-stacked>li {}
/************ FIN MENUES **************/
/**************************************/

/*********** FORMS *************/
.campo select, textarea, .campo input{padding:6px; font-size:1em; color:#666; width:100%}
/********** FIN FORMS ***********/

/******* Headings - titulos ********/

/******* Fin Headings - titulos ********/

/******** Listas ********/
.lista{font-size:1em; margin:20px 0 }

.lista li {
	margin-left: 10px;
	margin-bottom: 20px;
	padding-left: 20px;
	text-align: left;
	background:url(/Portals/solucionesip/images/bullet.png) no-repeat left 2px
}

.listaColumna {
	float:left
}

.listaFloat li {float:left; padding:0 !important}
.lista strong {color:#A60330; font-weight:900}

.listaTextVariant{font-family: 'Karma', sans-serif; }
.listaTextVariant li{background:#FFF; padding:20px; font-size:18px}

.lista .boxRed li{
	background:url(/Portals/solucionesip/images/bullet-white.png) no-repeat left 2px
	}
/******** FIN LISTAS ********/


/********** BOTONES **********/
.btn {margin:10px 0; font-family: 'Karma', sans-serif; text-transform:uppercase}
.btn-lg {font-size:22px}
.center {text-align:center}
/******** FIN BOTONES ********/

.whiteTxt h1, .whiteTxt h2, .whiteTxt h3 {color:#FFF}
/******** FORMULARIOS ********/

.fade{display:none;}

/****** FIN FORMULARIOS ******/


/********** ICONOS ***********/

/******** FIN ICONOS ********/

/*********** ENCABEZADOS ************/
.encabezadoSeccion{padding:60px 0; margin-bottom:30px; height:260px}
.encabezadoSeccion .titulo{padding-right:40px}
.encabezadoSeccion.comercioElectronico {background:url(/Portals/solucionesip/images/CabeceraComercioElectronico.jpg); }
.encabezadoSeccion.acercaDe{background:url(/Portals/solucionesip/images/CabeceraAcercade.jpg)}
.encabezadoSeccion.trabajaconNosotros{background:url(/Portals/solucionesip/images/CabeceraTrabaja.jpg)}
.encabezadoSeccion.diseno{background:url(/Portals/solucionesip/images/CabeceraDiseno.jpg)}
.encabezadoSeccion.confianza{background:url(/Portals/solucionesip/images/CabeceraConfianza.jpg)}
.encabezadoSeccion.marketing{background:url(/Portals/solucionesip/images/CabeceraMarketing.jpg)}
.encabezadoSeccion.desarrolloaMedida {background:url(/Portals/solucionesip/images/CabeceraDesarrollo.jpg);}
.encabezadoSeccion.aplicacionesEspecificas {background:url(/Portals/solucionesip/images/CabeceraAplicacionesEspecificas.jpg)}
.encabezadoSeccion.intranet{background:url(/Portals/solucionesip/images/CabeceraIntranet.jpg)}
.encabezadoSeccion.lopd{background:url(/Portals/solucionesip/images/CabeceraLOPD.jpg)}
.encabezadoSeccion.backup{background:url(/Portals/solucionesip/images/CabeceraBackup.jpg)}
.encabezadoSeccion.constructoras {background:url(/Portals/solucionesip/images/CabeceraConstructoras.jpg)}
.encabezadoSeccion.filosofia {background:url(/Portals/solucionesip/images/CabeceraFilosofia.jpg)}
.encabezadoSeccion.cifras {background:url(/Portals/solucionesip/images/CabeceraCifras.jpg);}
.encabezadoSeccion.clientes{background:url(/Portals/solucionesip/images/CabeceraClientes.jpg)}
.encabezadoSeccion.ipsystem{background:url(/Portals/solucionesip/images/CabeceraIpSystem.jpg)}
.encabezadoSeccion.partner{background:url(/Portals/solucionesip/images/CabeceraPartner.jpg)}
.encabezadoSeccion.porQue{background:url(/Portals/solucionesip/images/CabeceraNosotros.jpg)}
.encabezadoSeccion.movil{background:url(/Portals/solucionesip/images/CabeceraMovil.jpg)}


.encabezadoSeccion h1{margin-bottom:20px; font-weight:300; color:#000}
.encabezadoSeccion .texto {font-size:20px; line-height:1.6em}
/***********************************/

/********* CAJAS ***********/
/*** cajas inicio actividades *****/
.menuAccesos {background:slategray; padding-top:50px; padding-bottom:20px}
.menuAccesos .boxMenu {background:#FFF; display:inline-block; width:100%; height:200px; padding:20px; position:relative}
.menuAccesos .boxMenu .icono {height:80px; background-position:center !important; background-repeat:no-repeat !important; margin-bottom:14px}
.menuAccesos .boxMenu .icono.diseno{background-image:url(/Portals/solucionesip/images/icono-web.png)}
.menuAccesos .boxMenu .icono.CElectronico{background-image:url(/Portals/solucionesip/images/icono-CElectronico.png)}
.menuAccesos .boxMenu .icono.apWebMovil{background-image:url(/Portals/solucionesip/images/icono-apWebMovil.png)}
.menuAccesos .boxMenu .icono.apWebMedida{background-image:url(/Portals/solucionesip/images/icono-apWebMedida.png)}
.menuAccesos .boxMenu .icono.posicionamiento{background-image:url(/Portals/solucionesip/images/icono-posicionamiento.png)}
.menuAccesos .boxMenu .icono.partner{background-image:url(/Portals/solucionesip/images/icono-partner.png)}
.menuAccesos .boxMenu:hover {background:#903;}
.menuAccesos .boxMenu h3 {font-size:1.3em}
.menuAccesos .boxMenu:hover h3{color:#FFF}
.menuAccesos .boxMenu a{display:block; position:absolute; top:0; left:0; width:100%; height:200px}
.menuAccesos .boxMenu a:hover {color:#FFF}

.menuAccesos .boxMenu:hover .icono.diseno {background:url(/Portals/solucionesip/images/icono-web-on.png)}
.menuAccesos .boxMenu:hover .icono.CElectronico {background:url(/Portals/solucionesip/images/icono-CElectronico-on.png)}
.menuAccesos .boxMenu:hover .icono.apWebMovil {background:url(/Portals/solucionesip/images/icono-apWebMovil-on.png)}
.menuAccesos .boxMenu:hover .icono.apWebMedida {background:url(/Portals/solucionesip/images/icono-apWebMedida-on.png)}
.menuAccesos .boxMenu:hover .icono.posicionamiento {background:url(/Portals/solucionesip/images/icono-posicionamiento-on.png)}
.menuAccesos .boxMenu:hover .icono.partner {background:url(/Portals/solucionesip/images/icono-partner-on.png)}

.menuAccesos .boxMenu:hover .revealText {margin-top:0; padding-top:10px}
/**********************************/
.boxMenu{margin-bottom:20px; overflow:hidden;}
.boxMenu img{float:left; margin-right:20px}
.boxMenu h3{font-family: 'Karma', sans-serif;  text-transform:uppercase; font-size:1.5em; font-weight:100 }
.revealText{font-family: 'Karma', sans-serif; line-height:1.1em;  margin-top:100px; color:#FFF}

.bloqueBoxes{padding:40px 0}
.bloqueBoxes.black{background:url(/Portals/solucionesip/images/meshBlack.jpg) fixed center; }
.bloqueBoxes.white{/*background:url(/Portals/solucionesip/images/meshWhite2.jpg) fixed center;*/background-color:#CCD0E3 }
.box{background:#FFF; display:inline-block; width:100%; margin-bottom:20px}
.box.small{margin-bottom:30px;}
.boxRed{background:#96172e; color:#FFF; padding:10px; margin-bottom:20px}
.boxRed .hablamos{height:351px; text-align:center; padding:20px; font-size:2em}
.boxRed .hablamos a {color:#FFF}
.boxRed .telefono {font-weight:900; font-family: 'Roboto Slab', serif;}
.boxRed .btn{margin-top:130px}
.fraseBig{margin:60px 0;}
.fraseBig h1{color:#FFF; font-weight:100 !important; /*font-size:3.5em*/}
.box img {width:100%}
.box h1 {color:#A60330; font-size:1.8em; font-weight:bold; padding:20px}
.box .resumen{padding:20px; font-family: 'Karma', sans-serif; font-weight:300; font-size:18px}
.box.contacto{padding:40px 0}
.box.contacto h1{font-size:2.4em; font-weight:100}
.box.contacto .titulo{background:url(/Portals/solucionesip/images/ContactoIcon.png) no-repeat center 80px; height:200px; text-align:center}
.box.contacto .telefono, .box.contacto .email, .box.contacto .direccion{margin-bottom:14px}
.red{background:#96172e}
.box.contacto .numeroTel{color:#96172E}
.box .btn {margin-top:20px}
.box.big .btn {margin-top:6px}

.caja{outline:#96172E 1px solid; padding:20px}
.mobiliaAd {background:#104967; color:#FFF;}
.mobiliaAd .logo img{margin:0 auto; display:block; padding:20px 0}
.mobiliaAd p {color:#FFF; font-weight:100}
.mobiliaAd .btn {margin:0 auto; display:block; width:300px; padding:20px 10px }

.teinformamos .texto{Font-size:28px; text-align:center}
.teinformamos.boxRed .btn {margin: 20px auto; display:block; width:300px; padding:10px;}

/******* FIN CAJAS *********/



/******** VER TODOS / VER MÁS ********/
.verTodos{position:absolute; right:20px}
.verTodos a{color:#004fa2}
.verTodos a:hover{color:#fdb826}
.verMas{position:absolute; right:20px}
.verMas a{color:#004fa2; text-decoration:underline}
.verMas a:hover{color:#fdb826}
/****** FIN VER TODOS / VER MÁS ******/

/********* BREADCRUMBS **********/

/********** MAQUETACIÓN TEXTOS *************/
.contentPage {}
.contentPage h1 {color:#A60330; margin-bottom:30px}
.contentPage h2 {color:#A60330; font-size:1.4em; font-weight:bold}
.contentPage h3 {color:#A60330}
.textoDestacado{font-size:1.8em; text-align:center; font-family: 'Roboto Slab', serif; color:#002a54; font-weight:100}
.cajaCuestiones h3{font-family: 'Karma', sans-serif; font-weight:900; text-transform:uppercase; font-style:normal !important; font-size:26px; color:#002A54}
.highlight{ color: #a8a8a8; display:block;}
.color{position: absolute; top: 19px; left:19px}
.blackText{padding:40px 0; color:#000}
.abrecomillas{background:url(/Design/Themes/SolucionesIP/Images/comillasBlack.jpg) no-repeat left -8px; min-width:30px; height:20px; display:inline-block}
.cierracomillas{background:url(/Design/Themes/SolucionesIP/Images/comillasBlack.jpg) no-repeat right -22px; min-width:30px; height:30px; display:inline-block}
.numero{font-family: 'Roboto Slab', serif; font-size:100px; width:120px;  margin: 15px auto 0; position: relative; float:left; color:#CCC;}
.paddingBottom30{padding-bottom:30px}
/*******************************************/

.linkPortfolio{position:relative; margin-bottom:30px}
.linkPortfolio .texto{font-family: 'Roboto Slab', serif; font-size:28px; font-weight:normal; position:relative; }
.linkPortfolio .boton{width:100px; font-size:16px; top:30px; right:60px}
.linkPortfolio .boton a:link, .linkPortfolio .boton a:visited, .linkPortfolio .boton a:active {color:#FFF; text-decoration:none}
.linkPortfolio .boton a:hover{}
.linkPortfolio .btn {display:block; position:absolute; right:20px; top:12px}

/********** opiniones ************/
.opinion .comentario:before{
	content:"";
	display:block;
	float:left;
	width:50px;
	height:33px;
	background:url(/Portals/solucionesip/images/openquote.jpg) no-repeat;
	}

.opinion .comentario{
	font-style:italic;
	font-size:1.2em;
	margin-bottom:20px
}
.opinion .autor{
	font-weight:700;
	font-size:1.2em;
	}
	
.opinion .comentario:after{
	content:"";
	display:inline-block;
	width:50px;
	height:33px;
	background:url(/Portals/solucionesip/images/closequote.jpg) no-repeat;
}

/************** PAGINACIÓN *****************/
.PaginacionNavegacion {font-size:1.6em; }
.PaginacionNavegacion a{padding:0 10px}
.PaginacionItemSeleccionado{margin-right:7px;margin-left:5px}
/*******************************************/

/*============================================================*/
/******************* FIN INTERFAZ DE USUARIO ******************/
/*============================================================*/

/*============================================================*/
/************************* CABECERA *************************/
/*============================================================*/
.cabecera {height:132px; }
/*============================================================*/
/************************* FIN CABECERA ***********************/
/*============================================================*/

/*============================================================*/
/************************* CONTENIDO *************************/
/*============================================================*/
/************ Jumbotron **************/
.jumbotron{/*background-image:url(/Portals/solucionesip/images/slide1.jpg); background-repeat:no-repeat;*/ background-position:center 100px ; padding:60px 0; overflow:hidden; background-size:cover}
.jumbotron h1{font-weight:100 !important; font-size:3em}
.jumbotron .container {}
.jumbotron .container .image{position:absolute; left:0; top:133px; width:100%; overflow:hidden; height:407px }
.jumbotron .container .image img{margin:0 auto; display:block; width: 100%; height: 100%; object-fit: cover;  object-position: left center;}
/*************************************/

/*oculta módulos temporalmente*/

#mID62938, #mID62937 {display:none}
#supersized{display:none !important; visibility:hidden !important}
/**********************************/
/************* portfolio Inicio *************/
.portfolioInicio {margin-bottom:40px}
.portfolioInicio .item .titulo{height:70px;}
.portfolioInicio .item h1{font-family: 'Cabin', sans-serif; text-transform:uppercase; font-size:1.5em; font-weight:900; margin-bottom:10px; color:#000}
.portfolioInicio .imagen {width:100%; height:300px; overflow:hidden}
.portfolioInicio .imagen img{width:100%; }
.portfolioInicio .item {overflow:hidden}
.portfolioInicio .item .titulo a{color:#333}

/*********** Noticias Inicio **************/
.noticiaInicioDL {margin-bottom:20px}
.noticiaInicioDL img{width:100%}
.noticiaInicioDL .imagen{margin-bottom:10px; width:100%; height:250px; overflow:hidden; outline:1px solid #CCC}
.noticiaInicioDL .imagen a{display:block; width:100%; height:250px}
.noticiaInicioDL .titular{height:5em; margin-bottom:10px}
.noticiaInicioDL .titular h1{font-size:1.8em !important; font-family: 'Roboto Slab', serif; font-weight:500}
.noticiaInicioDL .titular h1 a{color:#000}
.noticiaInicioDL .fecha{font-family: 'Karma', sans-serif; font-weight:900; margin-bottom:10px}
.noticiaInicioDL .resumen{font-size:18px; font-family: 'Karma', sans-serif; font-weight:300;}
/****************************************/
.contentCabeceraDLnoticias{position:relative}
.imgRssCabecera{right:0;}
/*********** LOGOS **************/
.logos h1 {color:#FFF; text-align:center; margin-bottom:30px; font-weight:100 }
.logos {padding:60px 0 100px 0}
.logos .logo{text-align:center; opacity:1; padding-bottom:10px; height:80px;}
.logos .logo img{zoom:100%; }
.logos .logo:hover img{opacity:0.5;}
/**********************************/

/************** DLTrabajos Mini ****************/
.itemPorfolioMini {margin-bottom:40px; padding:10px }
.itemPorfolioMini .inner{outline:1px solid #CCC}
.itemPorfolioMini .titulo{height:3.6em; overflow:hidden; padding:10px; line-height:1em}
.itemPorfolioMini .titulo a{color:#000; font-weight:900}
/*****************************************/

/***************************************/
/************* Servicios **************/
.columnaServicios{height: 500px}
.columnaServicios ul{}
/***********Fin Servicios *************/
/**************************************/

/******** Comercio Electrónico ********/
/**************************************/

/****** fin Comercio Electrónico ******/
/**************************************/

/******** Portfolio ********/
/**************************************/
.itemPortfolio {outline:1px solid #e4e4e4; float:left}
.itemPortfolio:hover{outline:2px solid #C33}
.itemPortfolio h3 {font-family: 'Cabin', sans-serif; text-transform:uppercase; height:3em; overflow:hidden; font-size:1.2em; font-weight:bold; padding:10px 0}
.itemPortfolio h3 a{color:#000}
.itemPortfolio h3:hover{}
.descripcionPortfolio{overflow-x: hidden;}

.descripcionPortfolio h3{font-size:24px; margin-bottom:2px; margin-top:10px}

.boxItem{margin-bottom:40px; display:inline-block; overflow:hidden}
.boxItem img{width:100%}
.boxItem .inner{background:#FFF; outline:1px #dedede solid; padding:10px}
.boxItem .inner:hover{}
/****** fin Portfolio ******/

/********** noticias **************/
.NoticiaDL {margin-bottom:40px; display:inline-block; background:#FFF; padding:20px 0}
.NoticiaDL .foto{height:300px; margin-bottom:10px}
.NoticiaDL h1 {margin-bottom:14px; font-family: 'Roboto Slab', serif; font-weight:500; font-size:1.6em}
.NoticiaDL h1 a {color:#000}
.NoticiaDL h1 a:hover {}
.NoticiaDL .fecha {font-weight:900; font-family: 'Cabin', sans-serif; }
/********************/
.detalleNoticias {background:#FFF; padding:20px}
.detalleNoticias .foto{width:100%; }
.detalleNoticias .foto img{width:100%}
.detalleNoticias h1{font-weight:500; font-family: 'Roboto Slab', serif; font-size:2em !important; margin-bottom:1em; color:#000}
/******** fin noticias ***********/
/**************************************/

/********** CONTACTO **************/
.containerFormulario {margin-top:40px}
.textoPieContacto{font-size:14px}
.textoPie{font-size:14px}
.nombreCampo{font-size:1.2em; font-family: 'Roboto Slab', serif; font-weight:500; color:#000; margin-bottom:10px}
.telefonoContacto{font-family: 'Roboto Slab', serif; font-size:2.4em; color:#000; float:left; margin-right:60px}
.direccion{margin-top:6px}
.direccion span{font-family: 'Roboto Slab', serif; font-size:1em; color:#000; font-weight:900}
.mapa {margin-bottom:40px}
/******** FIN CONTACTO ***********/

/*********** LeftPane **************/
.containerContacta{background:#FFF;}
.contacta{padding:20px; display:inline-block; background:#FFF;}
.contacta input{margin:8px; height:25px; color:#999;}
.paddingTop10{padding:10px 0px; margin:10px 0px}
.contacta .telefono{}
.contacta .numTelf{font-family: 'Roboto Slab', serif; font-size:28px; font-weight:normal; color:#96172e; text-align:right;  }
.contacta .email{border-top:1px solid #ddd;}
.contacta .emailAddress{ font-family: 'Roboto Slab', serif; font-size:18px; font-weight:normal; color:#96172e; text-align:right; letter-spacing:-1px}
.contacta .emailAddress a:link, .contacta .emailAddress a:visited, .contacta .emailAddress a:active{color:#96172e; text-decoration:none}
.contacta .emailAddress a:hover{color:#444} 

.contacta .localizacion{border-top:1px solid #ddd;}
.contacta .localizacion a:link, .contacta .localizacion a:visited, .contacta .localizacion a:active{color:#96172e; text-decoration:none}
.contacta .localizacion a:hover{color:#444} 

.contacta .direccion{color:#96172e; background:url(/Design/Themes/SolucionesIP/Images/IcoLocaliz.png) no-repeat 50px 0; text-align:right; letter-spacing:-1px }
.contacta .soporte {border-top:1px solid #ddd;}
.contacta .login{border-top:1px solid #ddd;}
.contacta h4{padding:10px 0px}
/************************/

/*============================================================*/
/************************ FIN CONTENIDO ***********************/
/*============================================================*/

/*============================================================*/
/************************** PIE *******************************/
/*============================================================*/
#pie{padding:45px 0 25px 0; background:#FFF; border-top:3px solid #96172E;}
.social ul {width:300px}
.social ul li{float:left; margin:10px;}
.copyright{color:#000}
.copyright a:link, .copyright a:visited, .copyright a:active{color:#96172E; text-decoration:none }
.copyright a:hover{text-decoration:underline}
.tel{background:url(/Design/Themes/Hercesa2014/Images/tel.png) no-repeat; padding-left:36px; font-size:38px; color:#fff}
#pie .telefono {font-size:2em}
#pie .telefono a {color:#000}
/* ocultar pie anterior */
#mID62973 {display:none}
.siguenos ul li {float:left; margin-right:5px; }
.siguenos {display:inline-block; margin-bottom:10px}
.paypal {margin-bottom: 20px; }
.servicios ul li a {color:#000; font-size:20px}
/*============================================================*/
/************************** FIN PIE ***************************/
/*============================================================*/

/*============================================================*/
/******************* CLASES PERSONALIZADAS ********************/
/*============================================================*/




/*============================================================*/
/************** FIN CLASES PERSONALIZADAS *********************/
/*============================================================*/


/*  =====================================================
    =            Bootstrap 3.3 Media Queries            =
    =====================================================   */
@media only screen and (min-width : 1200px) {
    .text-left-lg { text-align: left; }
    .text-right-lg { text-align: right; }
    .text-center-lg { text-align: center; }
    .text-justify-lg { text-align: justify; }    
    .padding_lg_10-0-0-0 { padding: 10px 0 0 0; }
	.columnaServicios{height: 500px}
	.box{min-height:360px}
	.numeroTel {font-size:3em;}
	/*.jumbotron .container .image img {width:100% !important; }*/
}

@media only screen and (min-width : 992px) and (max-width: 1199px) {
    .text-left-md { text-align: left; }
    .text-right-md { text-align: right; }
    .text-center-md { text-align: center; }
    .text-justify-md { text-align: justify; }    
	.numeroTel {font-size:2em;}
    .padding_md_10-0-0-0 { padding: 10px 0 0 0; }
	.columnaServicios{height: 530px}
	.box{height:400px}
	.box.big{height:370px}
	.menuAccesos .boxMenu h3{font-size:1.2em}	
	.boxMenu .revealText {font-size:0.9em; }
	.numeroTel {font-size:2em;}
	.hablamos{font-size:1.3em !important}
	.jumbotron h1 {font-size:2.5em}
	.jumbotron .container .image {height:400px}
	.numTelf {font-size:1.3em !important}
	
	/* cabecera servicios sustituye al panel de servicios */
	#mID67102 {display:none}
}

@media only screen and (min-width : 768px) and (max-width: 991px) {
    .text-left-sm { text-align: left; }
    .text-right-sm { text-align: right; }
    .text-center-sm { text-align: center; }
    .text-justify-sm { text-align: justify; }  
    
    .padding_sm_10-0-0-0 { padding: 10px 0 0 0; } 
	.encabezadoSeccion {display:none}
	.columnaServicios{height: auto} 
	.numeroTel {font-size:1.6em;}
	.logos .logo{padding-bottom:10px; height:auto}
	.numTelf {font-size:1.3em !important}
	.menuAccesos .boxMenu h3{text-align:center; font-size:1.1em}	
	.boxMenu .revealText {font-size:0.8em; display:none }
	.menuAccesos .boxMenu:hover .revealText {margin-top:20px !important}
	/* cabecera servicios sustituye al panel de servicios */
	#mID67102 {display:none}
	
		/** collapse menu antes ***/
	.navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
		margin-top: 7.5px;
	}
	.navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
  		display:block !important;
	}
	.navbar-right .dropdown-menu {left:0}
}

@media only screen and (max-width : 767px) {
    .text-left-xs { text-align: left; }
    .text-right-xs { text-align: right; }
    .text-center-xs { text-align: center; }
    .text-justify-xs { text-align: justify; }
    
    .padding_xs_10-0-0-0 { padding: 10px 0 0 0; }
	
	.menuAccesos .boxMenu h3 {font-size:1em; text-align:center} 
	.boxRed .btn {margin-top:10px}
	.boxRed .hablamos{height:auto}
	.box.contacto{text-align:center}
	.encabezadoSeccion {display:none}
	.linkPortfolio {text-align:center}
	.linkPortfolio .btn {top:12px; margin:0 20px; position:relative; width:100%}
	.columnaServicios{height: auto}
	.fraseBig h1{font-size:1.5em}
	.menuAccesos .boxMenu:hover .revealText{display:none}
	.textoDestacado {font-size:1.2em}
	h1 {font-size:1.6em !important}
	h3 {font-size:1.4em}
	.numeroTel {font-size:1.6em;}
	.servicios{text-align:center}
	.logos .logo{padding-bottom:10px; height:auto}
	.noticiaInicioDL {margin-bottom:40px}
	.noticiaInicioDL .titular {height:6em; overflow:hidden}
	.noticiaInicioDL .titular h1 { font-size:1.6em !important}
	
	#pie{}

	
	.siguenos { }
	.seccionesPie {margin:20px 0}
	.telefono {text-align:center; margin:20px 0}
	/* centered columns styles */
	.row-centered {
    text-align:center;
	}
	.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
	}
	/* cabecera servicios sustituye al panel de servicios */
	#mID67102 {display:none}
}

/*====================================================================================================================================================================*/
/********************************************************************************** Cookies ****************************************************************************/
/*====================================================================================================================================================================*/
#stickyFooter{position:fixed; height:auto; width:100%; left:0; margin:auto; bottom:-25000px; background:#000; text-align:center; color:#fff; z-index:1000; padding-top:3px;}
#stickyFooter p{padding:20px; color:#fff}
#stickyFooter a{color:red}
.aceptarCookies{background-color: #4d90fe; background-image: -webkit-linear-gradient(top,#4d90fe,#4787ed); border: 1px solid #3079ed; border-radius: 2px; color: #fff; cursor: default; display: inline-block; font-size: 11px; height: 20px; line-height: 20px; margin-right: 0px; min-width: 26px; outline: 0; padding: 0 8px; text-align: center; white-space: nowrap;}
.aceptarCookies:hover{background-color: #357ae8; background-image: -webkit-linear-gradient(top,#4d80fe,#357ae8); border: 1px solid #2f5bb7; border-bottom-color: 2f 5bb 7;}