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

img
{
  border:0;
}
a img {

border: none;

}

.texto{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #888;
	text-align:justify;
	line-height: 18px;
	padding-left:15px;
	padding-right:15px;
	
}

.textoitalic{
font-family: ‘Metrophobic’, Arial, serif;
	font-size: 14px;
	font-style:italic;
	line-height: normal;
	 font-weight: 300;
	font-variant: normal;
	text-transform: none;
	color: #888;
	text-align:justify;
	line-height: 18px;
	padding-left:15px;
	padding-right:15px;
	
}



.texto_rojo{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #B42C00;
	line-height: 18px;
	
}
.texto_tomate{
	font-family: Tahoma, Arial;
, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFB399;
}

.textocafe{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #6C4C44;
	
	line-height: 18px;
	
}

.textoblanco{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #fff;
	line-height: 18px;
	
}

.textonegro{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000;
	line-height: 18px;
	
}

.textotomatebold{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #DB6D00;
	
	line-height: 18px;
	
}
.textocafe12{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #6C4C44;
	
	line-height: 12px;
	
}

.textogrisbold18{
	font-family: Times, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #666;
	
	line-height: 18px;
	
}

.textoresaltado_gris{
	font-family: Times New Roman, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #666;
	
	
	
}
.titulo {
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 27px;
	text-transform: uppercase;
	color: #000;
	font-style: normal;
	line-height: normal;
	font-weight: bolder;
	font-variant: normal;

}
.tituloverde {
	font-family: Tahoma, Arial;  font-size: 25px; font-weight: bolder;
	color: #75b748; text-transform:none;
	 
	text-shadow:#DDD 2px 2px 3px;
filter: progid:DXImageTransform.Microsoft.Shadow(color='#DDD', Direction=135, Strength=3);
	
}

.subtitulo_tomate {
	font-family: Tahoma, Arial;  font-size: 20px;
	color: #DB6D00; text-transform:none;
	 
	text-shadow:#DDD 2px 2px 3px;
filter: progid:DXImageTransform.Microsoft.Shadow(color='#DDD', Direction=135, Strength=3);
	
}
.subtitulo_cafeclaro {
	font-family: Tahoma, Arial;  font-size: 20px;
	color: #956500; text-transform: uppercase;
}	 

	
.subtitulo_cafeobscuro{
	font-family: Tahoma, Arial;  font-size: 20px;
	color: #452901; text-transform: uppercase;
}

.subtitulo_negrochico {
	font-family: Tahoma, Arial;  font-size: 20px;
	color: #282828; text-transform: uppercase;
	 
	text-shadow:#DDD 2px 2px 3px;
filter: progid:DXImageTransform.Microsoft.Shadow(color='#DDD', Direction=135, Strength=3);
	
}

.subtitulo_negrominusculas {
	font-family: Tahoma, Arial;  font-size: 16px;
	color: #282828; text-transform:none;
	 
	text-shadow:#DDD 2px 2px 3px;
filter: progid:DXImageTransform.Microsoft.Shadow(color='#DDD', Direction=135, Strength=3);
	
}

.subtitulo_rojo {
	font-family: Tahoma, Arial;  font-size: 18px;
	color: #B42C00; text-transform: none;
	 
	text-shadow:#DDD 2px 2px 3px;
filter: progid:DXImageTransform.Microsoft.Shadow(color='#000', Direction=135, Strength=3);
	
}

.subtitulo_gris_sinsombra {
	font-family: Tahoma, Arial;  font-size: 17px;
	color: #666; text-transform: none;
	
	
}

.texto_cafe13{
	font-family: Tahoma, Arial;  font-size: 13px;
	color: #956500; text-transform: none;
}

.texto_gris13{
	font-family: Tahoma, Arial;  font-size: 13px;
	color: #888; text-transform: none;
}

.texto_cafe13mayusculas{
	font-family: Tahoma, Arial;  font-size: 13px;
	color: #956500; text-transform: none;
	text-transform:uppercase;
}

.texto_cafeclaro {
	font-family: Tahoma, Arial;  font-size: 18px;
	color: #956500; text-transform: uppercase;
}	 

	
.texto_cafeobscuro{
	font-family: Tahoma, Arial;  font-size: 18px;
	color: #452901; text-transform: none;
}

.texto_tomatepagina{
	font-family: Tahoma, Arial;  font-size: 16px;
	color: #EE7700; text-transform: none;
}
.texto_marronpagina{
	font-family: Tahoma, Arial;  font-size: 16px;
	color: #9F4433; text-transform: none;
}
.texto_celestepagina{
	font-family: Tahoma, Arial;  font-size: 16px;
	color: #2B5886; text-transform: none;
}
.texto_verdeclaropagina{
	font-family: Tahoma, Arial;  font-size: 16px;
	color: #75b748; text-transform: none;
}

.texto_cardenillopagina{
	font-family: Tahoma, Arial;  font-size: 16px;
	color: #006666; text-transform: none;
}

.texto_purpurapagina{
	font-family: Tahoma, Arial;  font-size: 16px;
	color: #ec13ac; text-transform: none;
}

.texto_azulpagina{
	font-family: Tahoma, Arial;  font-size: 16px;
	color: #00468C; text-transform: none;
}
.texto_cafeobscuropagina{
	font-family: Tahoma, Arial;  font-size: 16px;
	color: #6D3F00; text-transform: none;
}
.texto_verdeobscuropagina{
	font-family: Tahoma, Arial;  font-size: 16px;
	color: #4C6600; text-transform: none;
}


a:link {
font-family: Tahoma, Arial;
font-size: 13px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #000;
text-decoration: none;
}
a:visited {
font-family: Tahoma, Arial;
font-size: 13px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #000;
text-decoration: none;
}
a:hover {
font-family: Tahoma, Arial;
font-size: 13px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #000;
text-decoration: none;
}
a:active {
font-family: Tahoma, Arial;
font-size: 13px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #000;
text-decoration: none;
}


.enlacerojo:link{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #B42C00;
	line-height: 18px;
	
}

.enlacerojo:visited{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #B42C00;
	line-height: 18px;
	
}

.enlacerojo:hover{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #B42C00;
	line-height: 18px;
	
}

.enlacerojo:active{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #B42C00;
	line-height: 18px;
	
}


.enlacecafe:hover{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #E2B213;
	line-height: 18px;
	
}

.enlacecafe:active{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #6D3F00;
	line-height: 18px;
	
}

.enlacecafe:visited{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #6D3F00;
	line-height: 18px;
	
}

.enlacecafe:link{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #6D3F00;
	line-height: 18px;
	
}


.enlacenegro:link {
font-family: Tahoma, Arial;
font-size: 13px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #000;
text-decoration: none;
}
.enlacenegro:visited {
font-family: Tahoma, Arial;
font-size: 13px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #000;
text-decoration: none;
}
.enlacenegro:hover {
font-family: Tahoma, Arial;
font-size: 13px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #3D5D9F;
text-decoration: none;

}
.enlacenegro:active {
font-family: Tahoma, Arial;
font-size: 13px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #000;
text-decoration: none;
}



.enlaceblanco:link {
font-family: Tahoma, Arial;
font-size: 13px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #fff;
text-decoration: none;
}
.enlaceblanco:visited {
font-family: Tahoma, Arial;
font-size: 13px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #fff;
text-decoration: none;
}
.enlaceblanco:hover {
font-family: Tahoma, Arial;
font-size: 13px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #fff;
text-decoration: none;

}
.enlaceblanco:active {
font-family: Tahoma, Arial;
font-size: 13px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #fff;
text-decoration: none;
}



.enlaceazulbold:link {
font-family: Tahoma, Arial;
font-size: 16px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #00406E;
text-decoration: none;
}
.enlaceazulbold:visited {
font-family: Tahoma, Arial;
font-size: 16px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #00406E;
text-decoration: none;
}
.enlaceazulbold:hover {
font-family: Tahoma, Arial;
font-size: 16px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #00406E;
text-decoration: none;

}
.enlaceazulbold:active {
font-family: Tahoma, Arial;
font-size: 16px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #00406E;
text-decoration: none;
}



.enlaceazul:link {
font-family: Tahoma, Arial;
font-size: 16px;
font-style: normal;
line-height: normal;
font-variant: normal;
text-transform: none;
color: #00406E;
text-decoration: none;
}
.enlaceazul:visited {
font-family: Tahoma, Arial;
font-size: 16px;
font-style: normal;
line-height: normal;
font-variant: normal;
text-transform: none;
color: #00406E;
text-decoration: none;
}
.enlaceazul:hover {
font-family: Tahoma, Arial;
font-size: 16px;
font-style: normal;
line-height: normal;
font-variant: normal;
text-transform: none;
color: #00406E;
text-decoration: none;

}
.enlaceazul:active {
font-family: Tahoma, Arial;
font-size: 16px;
font-style: normal;
line-height: normal;
font-variant: normal;
text-transform: none;
color: #00406E;
text-decoration: none;
}



.fotoconborde {
	
	padding: 10px;
	margin: 2px;
	background-color: #f1f2f6;
	border:1px;
	border-color:#E9E9E9;
	box-shadow:#CCC 2px 2px 2px;
	moz-box-shadow:#DDD 2px 2px 2px;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#CCC', Direction=135, Strength=2);
	

}

.imagenstylo {
	
	padding: 6px;
	margin: 1px;
	background-color: #FEB96B;
	border:0;

}
.imageninst{
		
		padding:6px;
		margin-right:10px;
		border:0;
								
		}
		
		
		
.imagenstylo2 {
	
	padding: 20px;
	margin: 0px;
	background-image:url(imagenes/fondofotohorizontal.png);
	border:0;

}
.imageninst2{
		
		padding:3px;
		margin-right:10px;
		border:0;
								
		}
		
		

/* ROLL LINKS */
.roll-link {
    display: inline-block;
    overflow: hidden;

    vertical-align: top;

    -webkit-perspective: 600px;
       -moz-perspective: 600px;
       -ms-perspective: 600px;
       perspective: 600px;

    -webkit-perspective-origin: 50% 50%;
       -moz-perspective-origin: 50% 50%;
       -ms-perspective-origin: 50% 50%;
       perspective-origin: 50% 50%;
       
}

.roll-link:hover {text-decoration:none;}

.roll-link span {
    display: block;
    position: relative;
    padding: 0 2px;

    -webkit-transition: all 400ms ease;
       -moz-transition: all 400ms ease;
       -ms-transition: all 400ms ease;
       transition: all 400ms ease;
    
    -webkit-transform-origin: 50% 0%;
       -moz-transform-origin: 50% 0%;
       -ms-transform-origin: 50% 0%;
       transform-origin: 50% 0%;
    
    -webkit-transform-style: preserve-3d;
       -moz-transform-style: preserve-3d;
       -ms-transform-style: preserve-3d;
       transform-style: preserve-3d;
}
.roll-link:hover span {
        background: #e93a30;
         

        -webkit-transform: translate3d( 0px, 0px, -30px ) rotateX( 90deg );
           -moz-transform: translate3d( 0px, 0px, -30px ) rotateX( 90deg );
           -ms-transform: translate3d( 0px, 0px, -30px ) rotateX( 90deg );
           transform: translate3d( 0px, 0px, -30px ) rotateX( 90deg );
}

.roll-link span:after {
    content: attr(data-title);

    display: block;
    position: absolute;
    left: 0;
    top: 0;
    padding: 0 2px;

    color: #fff;
    background: #e93a30;

    -webkit-transform-origin: 50% 0%;
       -moz-transform-origin: 50% 0%;
       -ms-transform-origin: 50% 0%;
       transform-origin: 50% 0%;

    -webkit-transform: translate3d( 0px, 105%, 0px ) rotateX( -90deg );
       -moz-transform: translate3d( 0px, 105%, 0px ) rotateX( -90deg );
       -ms-transform: translate3d( 0px, 105%, 0px ) rotateX( -90deg );
       transform: translate3d( 0px, 105%, 0px ) rotateX( -90deg );
}
	
	
.button{
	/* estilos tipograficos */
	
	color: #fff;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-decoration:none;
	text-outline:none;
	
	
	/* padding, margin y borde */
	
    padding: 3px 12px;
	margin-right: 5px;
	cursor: pointer;
	border: 0;
    border-radius: 2px;

	/* propiedades para la animacion  */
	
	transition: all 0.20s linear;
	-webkit-transition: all 0.20s linear;
	-moz-transition: all 0.20s linear;
	position: relative;
	bottom: 0;
}
.azul{

	
}

.button:active{
	bottom: -3px;
	text-decoration:none;
	text-outline:none;
}
.button:hover{
	bottom: -3px;
	box-shadow: 0px 2px 0 #D86C00;
	text-decoration:none;
	text-outline:none;
}

.azul:active{
	background: #FFA742;
	 text-decoration:none;
	text-outline:none;	
}


.azul:hover{
	background: #FFA742;
	box-shadow: 0px 2px 0 #D86C00;
	text-decoration:none;
	text-outline:none;	
}

.juego {
           
                -webkit-transition: all 300ms ease-out;
                -moz-transition: all 300ms ease-out;
                -ms-transition: all 300ms ease-out;
                -o-transition: all 300ms ease-out;
                     transition: all 300ms ease-out;
        }
		
		.juego img {
                margin:0px;
               display:block;         
            
       
                -webkit-transition: all 400ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
                -moz-transition: all 400ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
                -ms-transition: all 400ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
                -o-transition: all 400ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
                    transition: all 400ms cubic-bezier(0.250, 0.460, 0.450, 0.940); /* easeOutQuad */
}

.juego:hover {
               
			   background-color:transparent;
               -webkit-border-radius: 10px;
               border-radius: 2px;           
               cursor: pointer;
       }
      
       .juego:hover img {
               -moz-transform: scale(1.2);
               -webkit-transform: scale(1.2);
               -o-transform: scale(1.2));
               -ms-transform: scale(1.2);
               transform: scale(1.2);
       }                              
       .juego:hover h2 {
               color:#fff;         
       }
	   
	   #marcoportada {
position: absolute;
top: 0px;
left: 242px;
z-index: 32;
}

.button{
	/* estilos tipograficos */
	
	color: #fff;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-decoration:none;
	
	
	
	
	/* padding, margin y borde */
	
    padding: 25px 0px;
	margin-right: 0px;
	cursor: pointer;
	border:0;
    border-radius: 2px;

	/* propiedades para la animacion  */
	
	transition: all 0.20s linear;
	-webkit-transition: all 0.20s linear;
	-moz-transition: all 0.20s linear;
	position: relative;

	
}
.verde{
	
	
}

.button:active{
	bottom: -10px;
	color: #fff;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 16px;

}

.verde:active{
	background: #C5E132;
	color: #fff;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 16px;

}
.verde:hover{
	
	box-shadow: 3px 3px 0 #6F801D;

}



.formulario_bordes {
	
	border: 1px solid #FF8500;
	border-radius: 3px;
	width: 300px;
	height:35px;
	background-color:#eee;	
}

.formulario_bordesmensaje {
	
	border: 1px solid #FF8500;
	border-radius: 3px;
	width: 350px;
	height:200px;
	background-color:#eee;	
}
	



#fondologo {
position: absolute;
top: 0px;
z-index: 5;
width:1000px;
height:124px;

}
#socialmedia {
position: absolute;
top: 88px;
z-index: 20;
left:860px;
}

.dc_social_switch32{display:inline-block;height:35px;margin:0px;text-decoration:none;text-indent:-999em;vertical-align:middle;width:35px;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}
.dc_social_switch32:hover{background-position:0 -42px
}
.facebook_switch{background:url(imagenes/switch_facebook.png) no-repeat}
.twitter_switch{background:url(imagenes/switch_twitter.png) no-repeat}
.youtube_switch{background:url(imagenes/switch_youtube.png) no-repeat}


/* tomate 
================================================== */
	.post { margin:0 0 50px 0; }
	.post:last-child { margin-bottom:40px; }
	.post > *:last-child { margin-bottom:0; }
	.post-intro { position:relative; 
	}
	.post-intro img { display:block; }
	.post-intro h2 {
	position: relative;
	width: 85%;
	margin-bottom: 0;
	line-height: 14px;
	;
}
	.post-intro img + h2 { position:absolute; bottom:10px; }
	.post-intro h2 a { font-size:11px; display:block; padding:8px 10px; color: #fff; background: #EE7700; text-align: left; line-height:14px; font-weight:normal;}
	.post-intro h2 a:hover { border:none; background: #1d1d1d; opacity:0.6;}
	.meta { font-size:10px; font-weight:bold; text-transform: uppercase; margin:15px 0 10px 0;}
	.meta .bull { font-size:9px; line-height: 1; display:inline-block; margin:0 5px; position:relative; top:-1px; }
	.img-fullwidth { margin-bottom:10px; }
	
/* 
================================================== */	

/* tomate 40%
================================================== */
	.post1 { margin:0 0 50px 0; }
	.post1:last-child { margin-bottom:40px; }
	.post1 > *:last-child { margin-bottom:0; }
	.post1-intro { position:relative; 
	}
	.post1-intro img { display:block; }
	.post1-intro h2 {
	position: relative;
	width: 40%;
	margin-bottom: 0;
	line-height: 14px;
	;
}
	.post1-intro img + h2 { position:absolute; bottom:10px; }
	.post1-intro h2 a { font-size:12px; display:block; padding:8px 10px; color: #fff; background: #EE7700; text-align: left; line-height:14px; font-weight:normal;}
	.post1-intro h2 a:hover { border:none; background: #1d1d1d; opacity:0.6;}
	.meta1 { font-size:12px; font-weight:bold; text-transform: uppercase; margin:15px 0 10px 0;}
	.meta1 .bull { font-size:9px; line-height: 1; display:inline-block; margin:0 5px; position:relative; top:-1px; }
	.img1-fullwidth { margin-bottom:10px; }
	
/* 
================================================== */	



#franjatomate{
	background:#EE7700;
	width:30%;
	font-family: Tahoma, Arial;
font-size: 11px;
font-style: normal;
line-height: 10px;
font-weight: normal;
font-variant: normal;
text-transform:uppercase;
color:#FFF;
padding:3px;
	}
	
	
.dc_social_switch73{display:inline-block;height:83px;margin:0px;text-decoration:none;text-indent:-999em;vertical-align:middle;width:74px;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}

.dc_social_switch73:hover{background-position:0 -85px}
.recomendacion1_switch{background:url(imagenes/recomendacion1.png) no-repeat}
.recomendacion2_switch{background:url(imagenes/recomendacion2.png) no-repeat}
.recomendacion3_switch{background:url(imagenes/recomendacion3.png) no-repeat}
.recomendacion4_switch{background:url(imagenes/recomendacion4.png) no-repeat}


.dc_social_switch68{display:inline-block;height:83px;margin:0px;text-decoration:none;text-indent:-999em;vertical-align:middle;width:73px;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}

.dc_social_switch68:hover{background-position:0 -85px}
.restriccion1_switch{background:url(imagenes/restriccion1.png) no-repeat}
.restriccion2_switch{background:url(imagenes/restriccion2.png) no-repeat}
.restriccion3_switch{background:url(imagenes/restriccion3.png) no-repeat}


.dc_social_switch83{display:inline-block;height:119px;margin:0px;text-decoration:none;text-indent:-999em;vertical-align:middle;width:83px;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}

.dc_social_switch83:hover{background-position:0 -120px}
.prohibicion1_switch{background:url(imagenes/prohibicion1.png) no-repeat}
.prohibicion2_switch{background:url(imagenes/prohibicion2.png) no-repeat}
.prohibicion3_switch{background:url(imagenes/prohibicion3.png) no-repeat}
.prohibicion4_switch{background:url(imagenes/prohibicion4.png) no-repeat}
.prohibicion5_switch{background:url(imagenes/prohibicion5.png) no-repeat}
.prohibicion6_switch{background:url(imagenes/prohibicion6.png) no-repeat}

.prohibicion1a_switch{background:url(images-english/prohibicion1.png) no-repeat}
.prohibicion2a_switch{background:url(images-english/prohibicion2.png) no-repeat}
.prohibicion3a_switch{background:url(images-english/prohibicion3.png) no-repeat}
.prohibicion4a_switch{background:url(images-english/prohibicion4.png) no-repeat}
.prohibicion5a_switch{background:url(images-english/prohibicion5.png) no-repeat}
.prohibicion6a_switch{background:url(images-english/prohibicion6.png) no-repeat}

.prohibicion1b_switch{background:url(images-frances/prohibicion1.png) no-repeat}
.prohibicion2b_switch{background:url(images-frances/prohibicion2.png) no-repeat}
.prohibicion3b_switch{background:url(images-frances/prohibicion3.png) no-repeat}
.prohibicion4b_switch{background:url(images-frances/prohibicion4.png) no-repeat}
.prohibicion5b_switch{background:url(images-frances/prohibicion5.png) no-repeat}
.prohibicion6b_switch{background:url(images-frances/prohibicion6.png) no-repeat}



.dc_social_switch56{display:inline-block;height:56px;margin:0px;text-decoration:none;text-indent:-999em;vertical-align:middle;width:56px;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}

.dc_social_switch56:hover{background-position:0 -58px}
.servicio1_switch{background:url(imagenes/servicios1.png) no-repeat}
.servicio2_switch{background:url(imagenes/servicios2.png) no-repeat}
.servicio3_switch{background:url(imagenes/servicios3.png) no-repeat}
.servicio4_switch{background:url(imagenes/servicios4.png) no-repeat}