@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,300);

/* CSS */
/* Cuerpo */
body,html {
	margin : 0px 0px 0px 0px;
	background: #292c2f;
	height: 100%;
}
/* Formato parrafo */
p {
	margin-top: 0;
	margin-bottom: 0;
	position:relative;
}
/* Formato texto */
body,td,th {
	font-family: 'Open Sans', Trebuchet MS, Arial, Helvetica, sans-serif, Verdana, Arial, sans-serif;
	font-size: 16px;
	color: #333;
	line-height:175%;
}
.t9 {
	font-size: 9px;
}
.t10 {
	font-size: 10px;
}
.t11 {
	font-size: 11px;
}
.t12 {
	font-size: 12px;
}
.t14 {
	font-size: 14px;
}
.t16 {
	font-size: 16px;
}
.t18 {
	font-size: 18px;
}
.t24 {
	font-size: 24px;
}
.t50 {
	font-size: 50px;
	font-weight: 600;
}
/* Header Fixed --------------------------------------------------------  */

.sticky{
	-webkit-box-shadow: 0px 1px 15px -10px rgba(0,0,0,1);
	-moz-box-shadow: 0px 1px 15px -10px rgba(0,0,0,1);
	box-shadow: 0px 1px 15px -10px rgba(0,0,0,1);
	}
.sticky-fixed{
	position:fixed;
	z-index:1000;
	top:0px;
	width:100%;
	}
.logo{ 
	overflow:hidden; 
	position:absolute; 
	top:20px; 
	left:25%; 
	z-index:1002;
}
.abrirmenu{ 
	overflow:hidden; 
	position:absolute; 
	top:28px; 
	left:20px; 
	z-index:1000;
	cursor: pointer;
}
.cerrarmenu{ 
	overflow:hidden; 
	position:absolute; 
	top:28px; 
	left:20px; 
	z-index:1002;
	cursor: pointer;
}
.whatsapp{
	position:fixed;
	z-index:999;
	top:70vh;
	left:70vw;
	height: 90px;
	width: 90px;
	border-radius: 45px;
	}

/* Formato enlaces -------------------------------------------------------- */
a {
	color: #3fa9f5;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #3fa9f5;
}
a:hover {
	text-decoration: underline;
	color: #3fa9f5;
}
a:active {
	text-decoration: none;
	color: #3fa9f5;
}


/* Menu Principal --------------------------------------------------------  */
.menu {
  font-family: 'Open Sans', Arial, sans-serif;
  text-align: right;
  text-transform: uppercase;
  font-weight: 400;
  font-size:14px;
  margin:0px;
  padding:0px;
  height:30px;
}
.menu * {
  box-sizing: border-box;
}
.menu li {
  display: inline-block;
  list-style: outside none none;
  margin-left:20px;
  padding: 0px;
  height:30px;
}
.menu a {
  padding: 0; 
  color: #CCC;
  position: relative;
  letter-spacing: 0px;
  text-decoration: none;
  height:30px;
  display:inline-block;
}
.menu a:before,
.menu a:after {
  position: absolute;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.menu a:before {
  bottom: 0px;
  display: block;
  height:3px;
  width: 0%;
  content: "";
	border-radius: 50px;
  background-color: #3fa9f5;
}
.menu a:after {
  left: 0;
  top: 0px;
  padding: 0;
  position: absolute;
  content: attr(data-hover);
  color: #999;
  white-space: nowrap;
  max-width: 0%;
  overflow: hidden;
  height:30px;
}
.menu a:hover:before,
.menu .current a:before {
  opacity: 1;
  width: 100%;
}
.menu a:hover:after,
.menu .current a:after {
  max-width: 100%;
}
.menu .current a:before {
background-color:#036aae;
}




/* Fondo Parallax Slideshow Ofertas */
.parallax-loader {
	background-image: url('img/loaderdark.gif');
    background-position: center center;
    background-repeat: no-repeat;
}
.parallax-slide {
    /* The image used */
    background-image: url('img/fondo.png');

    /* Full height */
    /* height: 385px;*/

    /* Create the parallax scrolling effect */
    /*background-attachment: fixed;*/
    background-position: 75% center;
    background-repeat: no-repeat;
    background-size:cover;
}




/* -------------------------------------------------------- */

.contenido{
	width:auto;
	height:auto;
	padding:40px;
	background:#FFF;
	position:relative;
	overflow:hidden		
}
.contenidosucursales{
	width:200px;
	height:auto;
	padding:10px 0px 20px 40px;	
	overflow:hidden;
	position:relative;
	float:left;
}
.contenedor {
	width:320px; 
	height:auto; 
	position:relative; 
	margin: 0 auto;
	padding-top:20px;
	padding-bottom:20px;
}

.contenedornewsletter {
	width:940px; 
	height:65px;
	line-height:65px;
	color:#FFF;
	font-size:20px;
	text-align:center;
	position:relative; 
	margin: 0 auto;
}
.contenedorsmall { width:300px; height:auto; position:relative; background: #FFF url(img/loader.gif) no-repeat center 60px; overflow: hidden; margin: 0 auto; }

.contenedorsmallnews { width:320px; height:400px; position:relative; float:left; background: #036aae; color: #FFF; overflow: hidden; }

.contenedornews { width:620px; height:400px; position:relative; float:left; overflow: hidden; margin-right:20px; }

.contenedorinnews { width:620px; height:190px; position:relative; float:left; background: #133860; color: #FFF; overflow: hidden; margin-bottom: 20px; }

.contenedorprod { width:265px; height:auto; position:relative; float:left; margin-right:30px; background:url(img/loader.gif) no-repeat center center; }
.tituloprod { width:265px; height:41px; position:relative; background:#FFD24D; line-height:41px; font-size:14px; color:#B25900; text-align:center; }
.acordsuc { margin-bottom:10px; }
#txtPanaderia, #txtAdministracion { display:none; }
.titulovideospot { width:300px; height:41px; position:relative; background:#FF0000; line-height:41px; font-size:14px; color:#8C0000; text-align:center; }
.titulogaleria { width:300px; height:41px; position:relative; background:#FFD24D; line-height:41px; font-size:14px; color:#B25900; text-align:center; }
.dblock{ display:block; }
.titulo{ font-size:30px; color:#036aae; margin-bottom:25px; font-weight:700 }
.subtitsuc1{ font-size:16px; color:#A52613; font-weight:700 }
.subtitsuc2{ font-size:16px; color:#F8A625; font-weight:700 }
.subtitsuc3{ font-size:16px; color:#005799; font-weight:700 }
.botonnewsletter {
	border: none;
	background:#FFD24D;
	width: 130px; height: 30px;
	font-size: 14px;
	font-weight:700;
	font-family:'Open Sans', Trebuchet MS, Arial, Helvetica, sans-serif, Verdana, Arial, sans-serif;
	color: #B25900;	
	cursor:pointer;
	border-radius:5px;
	margin:0;
	padding:0;
	}
.botonnewsletter:hover{background:#FF0000; color:#FFF;}
	
.camponewsletter {
	border: none;
	width: 280px; height: 30px;
	background-color: #FFF;
	font-family: 'Open Sans', Trebuchet MS, Arial, Helvetica, sans-serif, Verdana, Arial, sans-serif;
	font-size: 16px;
	color:#333;
	border-radius:5px;
	padding:0px 10px 0px 10px;
	margin:0px 10px 0px 10px;
	}

.grisclaro{ color:#999; }
.gris{ color:#888; }


#link a {
	color: #FFF;
	font-size:16px;
	padding:10px;
	background:#036aae;
	border-radius:5px;
}
#link a:link {
	text-decoration: none;
}
#link a:visited {
	text-decoration: none;
}
#link a:hover {
	background:#3fa9f5;
}
#link a:active {
	text-decoration: none;
}

#linkp a {
	color: #999;
	font-size:16px;
	padding:10px;
	border:1px solid #DDD;
	border-radius:5px;
}
#linkp a:link {
	text-decoration: none;
}
#linkp a:visited {
	text-decoration: none;
	color: #999;
}
#linkp a:hover {
	color: #FFF;
	background:#1c4b87;
	border:1px solid #1c4b87;
}
#linkp a:active {
	text-decoration: none;
	color: #999;
}

#link2 a {
	color: #999;
	font-size:12px;
	
}
#link2 a:link {
	text-decoration: none;
}
#link2 a:visited {
	text-decoration: none;
	color: #888;
}
#link2 a:hover {
	color: #3fa9f5;
}
#link2 a:active {
	text-decoration: none;
	color: #999;
}

#linkd a {
	color: #999;
	font-size:14px;
	padding:10px;
	border:1px solid #DDD;
	border-radius:5px;
}
#linkd a:link {
	text-decoration: none;
}
#linkd a:visited {
	text-decoration: none;
	color: #999;
}
#linkd a:hover {
	color: #FFF;
	background:#3fa9f5;
	border:1px solid #3fa9f5;
}
#linkd a:active {
	text-decoration: none;
	color: #999;
}




.fechacab{
	color: #CCC;
	font-family: 'Open Sans', Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12px;
}


.grisoscuro{ color:#333; }
.blanco{ color:#FFF; }
.marron { color: #5E5955; }


a#titularlink1 {display: block;
	width:auto;
	height:auto;
	padding:15px 0px 15px 44px;	
	background:#EAF4FB url("img/service.png") no-repeat 12px center;
	border:1px solid #C2E0F4;	
	margin-bottom:20px;
	font-size:16px;
	font-weight:700;
	color:#34719D;
}
a#titularlink1:hover { text-decoration: none; background:#34719D url("img/service2.png") no-repeat 12px center; border-color:#34719D; color:#FFF;}
a#titularlink2 {display: block;
	width:auto;
	height:auto;
	padding:15px 0px 15px 44px;	
	background:#EAF4FB url("img/pro.png") no-repeat 12px center;
	border:1px solid #C2E0F4;	
	margin-bottom:20px;
	font-size:16px;
	font-weight:700;
	color:#34719D;
}
a#titularlink2:hover { text-decoration: none; background:#34719D url("img/pro2.png") no-repeat 12px center; border-color:#34719D; color:#FFF;}
a#titularlink3 {display: block;
	width:auto;
	height:auto;
	padding:15px 0px 15px 44px;	
	background:#EAF4FB url("img/pin.png") no-repeat 14px center;
	border:1px solid #C2E0F4;	
	margin-bottom:20px;
	font-size:16px;
	font-weight:700;
	color:#34719D;
}
a#titularlink3:hover { text-decoration: none; background:#34719D url("img/pin2.png") no-repeat 14px center; border-color:#34719D; color:#FFF;}
.boximggal{ float:left; width:180px; height:110px; overflow:hidden; }
.imggal{  -webkit-filter: grayscale(100%); filter: grayscale(100%); margin:0px 20px 20px 0px; float:left  }
.imggal:hover{ animation-name: brillo; animation-duration: 0.5s; -webkit-filter: none; filter: none; }
.igcorte{  margin:0px 0px 20px 0px;}
@keyframes brillo {
    0%   {-webkit-filter: grayscale(100%); filter: grayscale(100%);}
    50%  {-webkit-filter: grayscale(100%) brightness(125%); filter: grayscale(100%) brightness(125%);}
    100% {-webkit-filter: none; filter: none;}
}
.titclima{ color:#CCC; font-family:"Trebuchet MS"; font-size:14px; }
.titbuscador{ color:#44B2E6; font-family:"Trebuchet MS"; font-size:16px; font-weight:bold; font-style:italic; }
.tit{ font-size:18px; font-weight:bold; margin-bottom:15px; text-transform: capitalize; color:#444 }
.tit2{ font-size:14px; font-weight:bold; margin:0px 0px 10px 0px; color:#444 }
.tit3{ font-size:13px; font-weight:bold; color:#006C6C }
.albums { width:158px; height:210px; position:relative; float:left; background:#FFF; margin:0px 3px 7px 4px; border:1px solid #CCC }
.albums:hover { background-color:#F2F5F9; border:1px solid #D1DBE7; }

.album { width:158px; height:210px; position:relative; float:left; background:#FFF; margin:0px 3px 7px 4px; border:1px solid #CCC }
.album:hover { background-color:#F2F5F9; border:1px solid #D1DBE7; }

.albumg { width:668px; height:207px; position:relative; float:left; background:#FFF; margin:0px 10px 20px 0px; border:1px solid #CCC }
.albumg:hover { background-color:#F2F5F9; border:1px solid #D1DBE7; }


.contenido2{
	width:auto;
	height:auto;
	padding:20px;	
	border:1px solid #CCC;
	border-radius:0px 0px 7px 7px;
	overflow:hidden;
	border-top:none;
	color:#74706B;	
}
.incon2{
	width:auto;
	height:46px;
	line-height:46px;
	background:#54ACD2;
	color:#FFF;
	font-size:14px;
	padding-left:20px;
	border-radius:7px 7px 0px 0px;
}
.greypoint{ color:#666; font-weight:bold; font-size:20px;}
.bluepoint{ color:#09C; font-weight:bold; font-size:20px;}

.greenboton { width:100%; height:30px; position:relative; line-height:30px; font-size:14px; color:#FFF; background:url(img/fondoboton.jpg) no-repeat right top; overflow:hidden; cursor:pointer; }
.blueboton { width:100%; height:30px; position:relative; line-height:30px; font-size:14px; color:#FFF; background:url(img/fondoboton2.jpg) no-repeat right top; overflow:hidden; cursor:pointer; }
.greyboton { width:100%; height:30px; position:relative; line-height:30px; font-size:14px; color:#333; background:url(img/fondoboton3.jpg) no-repeat right top; overflow:hidden; cursor:pointer; }

/* Proteccion email */
.correo {
	unicode-bidi: bidi-override;
	direction: rtl;
	}
	
/* Sangria para tabla */
.s10b {
	padding-left: 10px;
	padding-right: 10px;
}
.sb {
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
}
.s10 {
	padding-left: 10px;
}
/* Justificar texto */
.jus { 
	text-align: justify;
}
.inter{ line-height: 150%; }
.inter2{ line-height: 175%; }
.inter3{ line-height: 250%; }




#linkc a {
	color:#319D64;
}
#linkc a:link {
	text-decoration: none;
}
#linkc a:visited {
	text-decoration: none;
	color:#319D64;
}
#linkc a:hover {
	color:#1E603D;
	text-decoration: underline;
}
#linkc a:active {
	text-decoration: none;
	color:#319D64;
}

#linkdn a {
	color: #5E5955;
}
#linkdn a:link {
	text-decoration: none;
}
#linkdn a:visited {
	text-decoration: none;
	color: #5E5955;
}
#linkdn a:hover {
	color: #FFF;
	text-decoration: none;
}
#linkdn a:active {
	text-decoration: none;
	color: #5E5955;
}

#linksoc a {
	color: #FFF;
}
#linksoc a:link {
	text-decoration: none;
}
#linksoc a:visited {
	text-decoration: none;
	color: #FFF;
}
#linksoc a:hover {
	color:#0CF;
	text-decoration: none;
}
#linksoc a:active {
	text-decoration: none;
	color: #FFF;
}
.linkvm a {
	display: block;
	background:#FFF;
	width: 210px; height: 25px;
	font-size: 12px;
	font-family:'Open Sans', Trebuchet MS, Arial, Helvetica, sans-serif, Verdana, Arial, sans-serif;
	border:1px solid #CCC;
	color:#75706B;
	text-align:center;
	line-height:24px;	
	border-radius:5px;
	margin-top:20px;
	box-sizing: border-box;	
}
.linkvm a:link {
	text-decoration: none;
}
.linkvm a:visited {
	text-decoration: none;
	color: #FFF;
}
.linkvm a:hover {
	color: #FFF;
	text-decoration: none;
	background:#82C250;
	border-color:#82C250;
}
.linkvm a:active {
	text-decoration: none;
	color: #FFF;
}
/*@keyframes rev {
    0% {background-color: #00519D;}
    50% {background-color: #D90000;}
	100% {background-color: #00519D;}
}
*/.linkbv a {
	display: block;
	background:#00519D;
	width: 150px; height: auto;
	font-size: 18px;
	line-height:120%;
	color:#FFF;
	text-align:center;
	border-radius:5px;
	margin:25px 0px 25px 0px;
	padding:25px 0px 25px 0px;
	box-sizing: border-box;
/*	animation-name: rev;
    animation-duration: 4s;
	animation-iteration-count: infinite;	*/	
}
.linkbv a:link {
	text-decoration: none;
}
.linkbv a:visited {
	text-decoration: none;
	color: #FFF;
}
.linkbv a:hover {
	color: #FFF;
	text-decoration: none;
	background-color:#D90000;
}
.linkbv a:active {
	text-decoration: none;
	color: #FFF;
}

/* Capas */
.box {
width:960px; height:auto; overflow:hidden; position:relative; text-align:left; padding: 0px 0px 0px 0px; background:#FFF;
}
.boxin{
width:940px; height:auto; overflow:hidden; position:relative; text-align:left; padding: 10px 10px 10px 10px;
}

.boxcol1 { 
width:590px; height:auto; overflow:hidden; position:relative; float:left; padding-right:0px; margin-bottom:80px;
}
.boxcol2 { 
width:250px; height:auto; overflow:hidden; position:relative; float:left; margin-left:40px; 
}

.boxcol3 { 
width:420px; height:auto; overflow:hidden; position:relative; float:left; padding-right:0px;
}
.boxcol4 { 
width:420px; height:auto; overflow:hidden; position:relative; float:left; margin-left:40px; 
}

.boxpro{
width:860px; height:auto; overflow:hidden; position:relative; text-align:left;
}
.boxpromenu { 
width:180px; height:auto; overflow:hidden; position:relative; float:left; margin-bottom:80px;
}
.boxprocont { 
width:650px; height:auto; overflow:hidden; position:relative; float:left; margin-left:30px; 
}
.inboxpro{
width:220px; height:185px; overflow:hidden; padding:8px; border-radius:5px; float:left; margin:0px 10px 10px 0px; box-sizing: border-box; border:1px #FFF solid; background:#FFF; position:relative;
}
.inboxpro:hover{ background:#F6F6F6;}

.inboxofer { 
width:220px; height:185px; overflow:hidden; padding:8px; border-radius:5px; float:left; margin:0px 10px 10px 0px; box-sizing: border-box; border:1px #FFD24D solid; background:#FFD24D; position:relative;
}

.imgpro{ border-radius:5px;  box-sizing: border-box; border:1px #DDD solid; position:relative; }

.titpro{ text-align:center; font-size:14px; color:#B25900; font-weight:bold; line-height:120%;}

.titofer{ width:50px; height:16px; font-size:10px; color:#FFF; line-height:16px; font-weight:bold; text-align:center; background:#D90000; top:20px; left:9px; position:absolute; z-index:2; }

.boxcol5 { 
width:200px; height:auto; overflow:hidden; position:relative; float:left; padding-left:17px; margin-bottom:20px;
}
.preboxpie{ width:100%; height:330px; overflow:hidden; position:relative; text-align:left; background:#292c2f; }
.boxpie {
width:100%; height:auto; position:relative; text-align:left; padding-top:40px; margin: 0 auto; overflow:hidden;
}

@media print {
    .oculto {display:none}
    body { margin-top: 50px; margin-right: 20px;}
  }

/* Formulario */

form {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align:left;

	}
.botonsearch {
	border: none;
	background:url("img/fondobsearch.jpg");
	width: 51px; height: 24px;
	background-color: transparent;
	font-weight: bold;
	font-size: 12px;
	font-family:"Trebuchet MS";
	color: #FFF;
	line-height:24px;	
	cursor:pointer;
	}
	
	
.boton {
	border: none;
	background:#3fa9f5;
	width: auto; height: 40px;
	font-size: 16px;
	font-weight:700;
	font-family:'Open Sans', Trebuchet MS, Arial, Helvetica, sans-serif, Verdana, Arial, sans-serif;
	color: #FFF;	
	cursor:pointer;
	border-radius:5px;
	margin:0;
	padding:0 30px 0 30px;
	}
.boton:hover{background:#00519D; color:#FFF;}
	
	

.boton2 {
	border: none;
	background:url("img/boton2.png");
	width: 180px; height: 25px;
	background-color: transparent;
	font-weight: bold;
	font-size: 11px;
	font-family:"Trebuchet MS";
	color: #666;
	line-height:25px;	
	cursor:pointer;
	}	
.campo {
	border: 1px solid #CCC;
	width: 100%; height: 35px;
	background-color: #FFF;
	font-family: 'Open Sans', Trebuchet MS, Arial, Helvetica, sans-serif, Verdana, Arial, sans-serif;
	font-size: 16px;
	color:#333;
	line-height:35px;
	}
select {
	border: none;
	width: 100%; height: 35px;
	background-color: transparent;
	font-family: 'Open Sans', Trebuchet MS, Arial, Helvetica, sans-serif, Verdana, Arial, sans-serif;
	font-size: 16px;
	color:#333;
	line-height:35px;
	padding-left: 10px;
	 -webkit-appearance: button;
	}
.seletor{
border: 1px solid #CCC;
width: 100%; height: 35px;
background-color: #FFF;
background-image: url("img/down.svg");
background-size: 24px;
background-repeat: no-repeat;
background-position: 99% 10%;
margin-bottom: 30px;
}
.camposearch {
	border: none;
	width: 190px; height: 24px;
	background:url("img/fondoinputsearch.jpg");
	font-family: "Trebuchet MS";
	font-size: 14px;
	color: #FFF;
	line-height:24px;
	margin-right:7px;
	}
.campo2 {
	border: none;
	width: 140px; height: 16px;
	background-color: #FFF;
	font-family: "Trebuchet MS";
	font-size: 12px;
	color: #666;
	line-height:16px;
	}	
.area {
	border: 1px solid #CCC;
	width: 100%;
	height: 120px;
	font-size: 16px;
	color: #333;
	background-color: #FFF;
	font-family: 'Open Sans', Trebuchet MS, Arial, Helvetica, sans-serif, Verdana, Arial, sans-serif;
	overflow:auto;
	}
.area2 {
	border: 0px solid #555;
	width: 260px;
	height: 88px;
	font-size: 14px;
	color: #4F7100;
	background-color: transparent;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	margin:5px;
	overflow:auto;
	}
		
/* HR Color */
hr {
padding: 0;
border: solid #CCC;
border-width: 1px 0 0 0;
color: #CCC;
height: 1px;
margin:20px 0px 20px 0px;
}
.linegris {
padding: 0;
border: solid #CCC;
border-width: 1px 0 0 0;
color: #CCC;
height: 1px;
}

/* Encabezados */
h1 {
	color: #44B2E6;
	font-size: 20px;
	font-weight: bold;
	font-style:italic;
	margin-top: 0px;
	margin-bottom: 10px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
h2 {
	color: #146F9A;
	font-size: 16px;
	font-weight: bold;
	font-style:italic;
	margin-top: 0px;
	margin-bottom: 10px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;	
}
h3 {
	color: #666;
	font-size: 10px;
	margin-top: 0px;
	margin-bottom: 5px;
}
h4 {
	color: #666;
	font-size: 12px;
	margin-top: 0px;
	margin-bottom: 8px;
}
h5 {
	color: #146F9A;
	font-size: 14px;
	font-weight: bold;
	font-style:italic;
	margin-top: 0px;
	margin-bottom: 10px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;	
}

/*.menu3 { position:relative; display:block; width:200px; height:auto; }*/

.menu3 a, .menu3 a:visited {
	display:block;
	width:320px;
	height:60px;
	border:1px solid #CCC;
	background-color:none;
	text-align:left;
	color:#999;
	line-height:30px; 
	text-decoration:none;
	font-family:'Open Sans';
	font-size:16px;
	overflow:hidden;
	padding:13px 5px 10px 20px;
	margin-bottom:15px;
	box-sizing: border-box;
	border-radius:5px;
}

.menu3 a:hover {background:#3fa9f5; color:#FFF; border-color:#3fa9f5; }

.menu3 a#selected, .menu3 a#selected:hover {background:#036aae; border-color:#036aae; cursor:default; color:#FFF; }

.sm3{ padding-left:15px; }

.separador{ width:939px; height:10px; background:#FFD24D; position:relative }


/*.menu4 { position:relative; display:block; width:200px; height:auto; }*/
/*.menu4 { height:60px; width:320px; overflow:hidden; }*/
.menu4 a, .menu4 a:visited {
	display:block;
	width:320px;
	height:60px;
	border-top: 1px solid #D9D9D9;
	color:#999;
	line-height:60px; 
	text-decoration:none;
	font-family:'Open Sans';
	font-size:24px;
	overflow:hidden;
	margin:0px;
	text-align: left;
	box-sizing: border-box;
}

/*.menu4 a:hover {background:#00519D; color:#FFF; }

.menu4 a#selected, .menu4 a#selected:hover {background:#FFD24D; cursor:default; color:#B25900; line-height:50px;}*/

.sm4{ padding-left:20px;  }





/* entire container, keeps perspective */
.flip-container {
	perspective: 1000px;
	margin-right:46px;
	float:left;
	cursor:pointer;
}
	/* flip the pane when hovered */
	.flip-container:hover .flipper, .flip-container.hover .flipper {
		transform: rotateY(180deg);
	}

.flip-container, .front, .back {
	width: 200px;
	height: 200px;
}

/* flip speed goes here */
.flipper {
	transition: 0.6s;
	transform-style: preserve-3d;

	position: relative;
}

/* hide back of pane during swap */
.front, .back {
	backface-visibility: hidden;

	position: absolute;
	top: 0;
	left: 0;
}

/* front pane, placed above back */
.front {
	z-index: 2;
	/* for firefox 31 */
	transform: rotateY(0deg);
}

/* back, initially hidden pane */
.back {
	transform: rotateY(180deg);
}

/* Efecto Escala de Grises */
.grayscale {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);	
}

/* Fin CSS */