/*







Theme Name: eDigital



Theme URI: conamype



Author: CONAMYPE



Description: Theme desarrollado para eDigital de CONAMYPE



Version: 1.0







*/



@font-face {



font-family: 'Myriad Pro Regular';



font-style: normal;



font-weight: normal;



src: local('Myriad Pro Regular'), url('fonts/MYRIADPRO-REGULAR.woff') format('woff');



}











body{



	margin:0;



	padding:0;



	font-size:14px;



	color:#333;



	background:#f0f0f0;



	font-family: 'Myriad Pro Regular';



}

#contenedor{



	position:relative;



	max-width:1280px;



	margin:auto;



	background:#fff;



}



#logo{



	float:left;



	margin:20px 0 15px 15px;



}



#logo h1{



	display:none;



}



#derecha{



	float:right;



	text-align:right;



	padding:5px 50px 0 0;



}



#redessociales ul{



	margin:0;



	padding:0;



	list-style:none;



}



#redessociales li{



	display: inline-block;



	width:33px;



	height:33px;



	border-radius:35px;



	-moz-border-radius:35px;



	-webkit-border-radius:35px;



	position:relative;



	background-color:#ccc;



}



#redessociales li.facebook{



	background:#ccc url(images/iconos/facebook.png) center center no-repeat;



}



#redessociales li.twitter{



	background:#ccc url(images/iconos/twitter.png) center center no-repeat;



}



#redessociales li.whatsapp{



	background:#ccc url(images/iconos/whatsapp.png) center center no-repeat;



}



#redessociales li.google{



	background:#ccc url(images/iconos/google.png) center center no-repeat;



}



#redessociales li.youtube{



	background:#ccc url(images/iconos/youtube.png) center center no-repeat;



}



#redessociales li.instagram{



	background:#ccc url(images/iconos/instagram.png) center center no-repeat;



}



#redessociales li.pinterest{



	background:#ccc url(images/iconos/pinterest.png) center center no-repeat;



}



#redessociales li.skype{



	background:#ccc url(images/iconos/skype.png) center center no-repeat;



}



#redessociales li:hover{



	background-color:#999;



}



#redessociales li a{



	text-align:left;



	text-indent:-999999px;



	text-decoration:none;



	display:block;



	width:100%;



	height:100%;



}



#email a{



	font-size:20px;



	text-decoration:none;



	color:#085292;



	margin-bottom:10px;



}



#web a{



	font-size:25px;



	text-decoration:none;



	color:#FF9900;



	margin-bottom:10px;



}



#menuM{



	display:none;



}



#principal{



	height:40px;



	background:#FC8E3B;



	clear:both;



	text-align:center;



  }







#principal ul {



	list-style: none;



	margin: 0;



	padding: 0;



  }







#principal li {



	display: inline-block;



	list-style: none;



	margin:0 10px;



  }







#principal li a, #principal li a:link, #principal li a:visited {



	color: #fff;



	display: block;



	font-size:15px;



	text-transform:uppercase;



	height:40px;



	line-height:40px;



	margin:0;



	padding:0px 15px;



	text-decoration:none;



  }







#principal li:hover > a{



	background:#095293;



	text-decoration: none;



  }















#principal li li a, #principal li li a:link, #principal li li a:visited {



	background:#095293;



	width: 190px;



	color:#fff;



	text-align:left;



	font-size:12px;



	float: none;



	margin: 0px;



	height:auto;



	line-height:normal;



	padding: 8px 5px;



	text-align:left;



	font-weight:normal;



	border-bottom: 1px solid #085EA8;



  }







#principal li li a:hover, #principal li li a:active {



	background: #085EA8;



  }







#principal li ul {



	z-index: 9999;



	position: absolute;



	left: -999em;



	height: auto;



	width: 190px;



	margin: 0px;



	padding:0;



  }







#principal li li {



}







#principal li ul a {



	width: 190px;



  }







#principal li ul a:hover, #principal li ul a:active {



}







#principal li ul ul {



	margin: -26px 0 0 193px;



  }







#principal li:hover ul ul, #principal li:hover ul ul ul, #principal li.sfhover ul ul, #principal li.sfhover ul ul ul {



	left: -999em;



  }







#principal li:hover ul, #principal li li:hover ul, #principal li li li:hover ul, #principal li.sfhover ul, #principal li li.sfhover ul, #principal li li li.sfhover ul {



	left: auto;



  }







#principal li:hover, #principal li.sfhover {



	position: static;



  }



#featured{



	position:relative;



}



.nivo-controlNav{



	position:absolute;



	bottom:0 !important;



  }



.nivo-caption{



	font-size:30px;



	text-align:center;



	bottom:47% !important;



	padding:20px 0 !important;



	opacity: 0.5 !important;



}



.sombra{



	height:15px;



	background:url(images/sombra.png) center top no-repeat;



}



.sombraS{



	height:15px;



	background:url(images/sombraS.png) center top no-repeat;



}



#queesdigital{



	padding:40px 0 20px 0;



	text-align:center;



	font-style:italic;



	font-size:18px;



	color:#999;



}



#queesdigital h2{



	font-size:60px;



	color:#FC8E3B;



	font-style:normal;



	font-weight:normal;



	margin:0 0 5px 0;



	padding:0 0 40px 0;



	background:url(images/bg_h2.png) bottom center no-repeat;



}



#queesdigital .info{



	max-width:770px;



	margin:auto;



	padding:0 10px;



}



#queesdigital a{



	display:block;



	width:100px;



	height:35px;



	line-height:35px;



	color:#fff;



	text-decoration:none;



	text-align:center;



	margin:auto;



	background:#FF9900;



	border-radius:8px;



	-moz-border-radius:8px;



	-webkit-border-radius:8px;



	font-size:15px;



	font-style:normal;



}



#queesdigital a:hover{



	background:#C63;



}



#lineasestrategicas{



	text-align:center;



	padding-bottom:50px;



}



#lineasestrategicas ul{



	margin:0;



	padding:0;



	list-style:none;



}



#lineasestrategicas li{



	display:inline-block;



	width:21%;



	vertical-align:top;



	margin:0 .9%;



	background-image:linear-gradient(#ffffff,#E4E4E4);



	border-radius:20px;



	-moz-border-radius:20px;



	-webkit-border-radius:20px;



	box-shadow:0 0 12px #666;



	-moz-box-shadow:0 0 12px #666;



	-webkit-box-shadow:0 0 12px #666;



	box-sizing:border-box;



	-moz-box-sizing:border-box;



	-webkit-box-sizing:border-box;



	padding:25px 15px 15px 15px;



	font-size:18px;



	color:#333;



	min-height:450px;



}



#lineasestrategicas li h2{



	font-size:26px;



	margin:0;



	padding:0;



	font-weight:bold;



}



#lineasestrategicas li h2 a{



	text-decoration:none;



	color:#085292;



}



#experiencias{



	height:460px;



	background:url(images/bg-testimonios.png) repeat-x top left;



	padding:35px 45px;



	box-sizing:border-box;



	-moz-box-sizing:border-box;



	-webkit-box-sizing:border-box;



	overflow:hidden;



}



#experiencias h2{



	color:#FFCC00;



	text-transform:uppercase;



	font-weight:normal;



	font-size:34px;



	margin:0;



	padding:0;



}



#video{



	float:right;



	width:45%;



	font-size:14px;



	color:#fff;



}



#video iframe{



	width:100%;



	max-height:300px;



}



#testimonios{



	float:left;



	width:50%;



}



#testimonios ul{



	margin:0;



	padding:0;



	list-style:none;



}



#testimonios li{



	margin-bottom:30px;



	color:#fff;



	font-size:18px;



	font-style:italic;



	overflow:hidden;



}



#testimonios li h3{



	font-size:18px;



}



#testimonios li h3 a{



	color:#FFCC00;



	text-decoration:none;



}



.redonda{



	width:135px;



	height:135px;



	overflow:hidden;



	border-radius:150px;



	-moz-border-radius:150px;



	-webkit-border-radius:150px;



	float:left;



	margin-right:30px;



}



#queteofrecemos{



	padding:25px 0 40px 0;



}



#queteofrecemos a{



	display:block;



	margin:auto;



	width:780px;



	height:100px;



	line-height:100px;



	color:#fff;



	font-size:60px;



	text-decoration:none;



	letter-spacing:2px;



	border-radius:15px;



	-moz-border-radius:15px;



	-webkit-border-radius:15px;



	background-image:linear-gradient(#FC8E3B,#CC6600);



	box-shadow:0 0 6px #666;



	-moz-box-shadow:0 0 6px #666;



	-webkit-box-shadow:0 0 6px #666;



	overflow:hidden;



	box-sizing:border-box;



	-moz-box-sizing:border-box;



	-webkit-box-sizing:border-box;



	padding:0 15px;



}



#queteofrecemos a span{



	display:block;



	float:right;



	height:100px;



	width:100px;



	background:url(images/puntero.png) center center no-repeat;



}



#footbar{



	border-bottom:solid 14px #FC8E3B;



	border-top:solid 14px #FC8E3B;



	overflow:hidden;



	font-size:36px;



	position:relative;



	color:#FC8C39;



}



#footbar img.alignright{



	width:50%;



	height:auto;



	margin:0 !important;



	padding:0 !important;



}



#footbar .info{



	width:45%;



	box-sizing:border-box;



	-moz-box-sizing:border-box;



	-webkit-box-sizing:border-box;



	border-bottom:8px solid #003399;



	padding:0 1%;



	margin:1% 1% 0 1%;



}



#footbar .info p{



	margin:0;



	padding:0 0 10px 0;



}



#back-conamype{



	overflow:hidden;



}



#back-conamype img{



	width:100%;



	float:left;x



	height:auto;



}



footer{



	text-align:center;



	padding:15px;



	background:#FC8E3B;



	color:#fff;



	font-size:15px;



}



#cuerpo{



	padding:50px 35px;



	overflow:hidden;



	box-sizing:border-box;



	-moz-box-sizing:border-box;



	-webkit-box-sizing:border-box;



}



#caja{

	float:left;

	width:68%;

	font-size:17px;

	line-height:25px;

	color:#666;

	box-sizing:border-box;

	-moz-box-sizing:border-box;

	-webkit-box-sizing:border-box;

	padding:0 30px;

	text-align:justify;

}





#caja iframe {

	width: 100%;

}



#cuerpo h2{



	color:#095293;



	font-size:40px;



	font-weight:normal;



	margin:0;

	text-align:left;

	line-height:35px;



	padding:25px 0;



}



.breadcrumbs{



	padding:5px 10px;



	background:#f0f0f0;



	font-size:12px;



	text-transform:uppercase;



	color:#333;



	border-radius:6px;



	-moz-border-radius:6px;



	-webkit-border-radius:6px;



}



.breadcrumbs a{



	text-decoration:none;



	color:#333;



}



#sidebar{



	float:right;



	background:url(images/sombraV.png) left top no-repeat;



	background-size:15px 100%;



	padding:0 0 0 40px;



	width:29%;

	text-align:justify;

	min-height:100px;



	box-sizing:border-box;



	-moz-box-sizing:border-box;



	-webkit-box-sizing:border-box;



}

#sidebar h4{

	text-align:left;

}

#sidebar img{



	max-width:100%;



	height:auto;



}

#sidebar .entry-image{

	float:left;

	margin:0 5px 5px 0;

}

#sidebar .entry-image img{

	width:75px;

	height:auto;

}

#sidebar footer{

	padding:0;

	background:none;

}

#map_canvas{



	height:530px;



}



#map_canvas2{



	height:350px;



}







.alignright {float:right; margin:0 0 1em 1em; }



.alignleft {float:left; margin:0 2% 1% 0; }



.aligncenter {display: block; margin-left: auto; margin-right: auto; clear:both; }



.alignnone {display: block; padding:4px; }



a img.alignright {float:right; margin:0 0 1em 1em; }



a img.alignleft {float:left; margin:0 1em 1em 0; }



a img.aligncenter {display: block; margin-left: auto; margin-right: auto; clear:both; }











.contactocuerpo input, .contactocuerpo textarea{



	padding:10px;



	border:1px solid #ccc;



	background:#f0f0f0;



	border-radius:6px;



	-moz-border-radius:6px;



	-webkit-border-radius:6px;



}



.articulo{



	margin:10px 0;



	padding:15px;

	overflow:hidden;



	background:#f9f9f9;



}



.articulo h2{



	margin:0 !important;



	padding:0 !important;



}



.articulo h2 a{



	font-size:24px;



	color:#FC8E3B;



}



.punto-atencion{



	margin:10px 0;



	padding:15px;



	background:#f9f9f9;



	width:30%;



	display:inline-block;



	margin:1%;



	box-sizing:border-box;



	-moz-box-sizing:border-box;



	-webkit-box-sizing:border-box;



	vertical-align:top;



}



.punto-atencion h2{



	margin:0 !important;



	padding:0 !important;



}



.punto-atencion h2 a{



	font-size:18px;



	color:#FC8E3B;



}

.servicio{

	width:48%;

	margin:.8%;

	box-sizing:border-box;

	-moz-box-sizing:border-box;

	-webkit-box-sizing:border-box;

	border:solid #fff 15px;

	background:#fff;

	box-shadow:0 0 12px #000;

	-moz-box-shadow:0 0 12px #000;

	-webkit-box-shadow:0 0 12px #000;

	height:250px;

	overflow:hidden;

	position:relative;

	display:inline-block;

}

.servicio h2{

	position:absolute;

	width:100%;

	left:0;

	bottom:0;

	background:rgba(0,0,0,.6);

	padding:5px !important;

	color:#fff;

	margin:0;

	font-size:20px !important;

	}

.servicio img{

	width:100%;

	height:auto;

	}

.servicio h2 a{

	color:#fff;

	text-decoration:none;

	}

@media screen and (max-width: 1100px) {



#lineasestrategicas li{



	font-size:16px;



}



#lineasestrategicas li h2{



	font-size:24px;



}



#footbar{



	font-size:20px;



}



	



}



@media screen and (max-width: 800px) {



#logo{



	margin:20px 0 15px 10px;



}



#derecha{



	padding:5px 10px 0 0;



}



#principal li {



	margin:0;



  }







#principal li a, #principal li a:link, #principal li a:visited {



	padding:0px 10px;



  }







#lineasestrategicas li{



	width:22.5%;



	margin:0 .5%;



	padding:15px 10px;



}



  



  



#experiencias{



	padding:25px;



}



#experiencias h2{



	font-size:24px;



}



#testimonios li{



	margin-bottom:20px;



	font-size:14px;



}



#testimonios li h3{



	font-size:18px;



}



.redonda{



	width:110px;



	height:110px;



}



.redonda img{



	width:100%;



	height:auto;



}



#footbar img{



	height:50%;



	width:auto;



}



#footbar img.alignright{



	width:50% !important;



	height:auto !important;



}

.servicio img{

	max-width:170%;

	height:auto;

	}

}



@media screen and (max-width: 600px) {

.servicio{

	width:98%;

	margin:.8% auto;

	height:auto;

	border:4px solid #fff;

}

.servicio h2{

	font-size:14px;

	}

.servicio img{

	width:100%;

}

#logo, #derecha{



	float:none;



	text-align:center;



}



#logo img{



	max-width:90%;



	height:auto;



}



#derecha{



	padding:20px 0;



}



#derecha img{



	display:none;



}



#lineasestrategicas li{



	width:42.5%;



	margin:1.5% .5%;



}



.nivo-controlNav{



	display:none !important;



  }



.nivo-caption{



	font-size:20px;



	bottom:0% !important;



}



#experiencias{



	height:auto;



	background:#1695A4;



}



#video{



	float:none;



	width:100%;



	font-size:14px;



	color:#fff;



}



#testimonios{



	float:none;



	width:100%;



}







#queteofrecemos{



	padding:25px 0 40px 0;



}



#queteofrecemos a{



	width:90%;



	line-height:normal;



	height:auto;



	font-size:45px;



	letter-spacing:none;



	text-align:center;



}



#queteofrecemos a span{



	display:none;



}



#footbar{



	width:100%;



	overflow:hidden;



	position:relative;



}



#footbar img.alignright{



	display:none;



}



#footbar .info{



	float:none;



	text-align:center;



	width:100%;



	margin-bottom:10px;



}



#footbar .info img{



	display:block;



	margin:auto;



}



#sidebar{



	display:none;



}



#caja{



	float:none;



	width:100%;



}



#map_canvas{



	display:none;



}



}



@media screen and (max-width: 450px) {

#principal{

	display:none;

}

#menuM{

	display:block;

	}

#menuM ul{

	margin:0;

	padding:5px 0;

	list-style:none;

	display:none;

	}

#menuM ul li{

	margin-bottom:2px;

	}

#menuM ul a{

	color:#fff;

	text-decoration:none;

	padding:12px;

	display:block;

	background:#006699;

	}

#menu-icon{

	display:block;

	width:35px;

	height:35px;

	float:right;

	margin-top:-40px;

	background:url(images/menu.png) center center no-repeat;

	cursor:pointer;

	}

#lineasestrategicas li{

	width:95%;

	margin:1.5% auto;

	min-height:100px;



}

}