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



.homeTab {
	padding:10px 20px 10px 20px; 
	font-size:16px; 
	float:left; 
	font-family: 'Roboto',  'Poppins', sans-serif;
	font-weight: 100; 
	margin-right:10px; 
	background-color:#cccccc; 
	text-transform:none; 
	color:#333333
}
.homeTab:hover {background-color:#666666; color:#ffffff;}

.homeTab_selected {background-color:#333333; text-transform:uppercase; color:#ffffff;}

.contenedorHomeTabs {
	border-top-style:solid; 
	border-top-width:4px; 
	border-top-color:#333333; 
	padding-top:20px; 
	
}
.nombreTabTexto { display:block}
.nombreTabIcono { display:none;}

.botonTab {
	padding:4px 10px 4px 10px; 
	background-color:#333333; 
	color:#ffffff; text-align:right; 
	font-size:12px; 
	font-family: 'Roboto',  'Poppins', sans-serif;
	font-weight: 100; 
	border-bottom-style:solid; 
	border-bottom-width:4px; 
	border-bottom-color:#666666; 
}

.botonTab:hover {
	padding:4px 10px 4px 10px; 
	background-color:#666666; 
	color:#ffffff; text-align:right; 
	font-size:12px; 
	font-family: 'Roboto',  'Poppins', sans-serif; 
	font-weight: 100; 
	border-bottom-style:solid; 
	border-bottom-width:4px; 
	border-bottom-color:#999999; 
}

.cierreTabPortada {margin-top:0px; border-top-style:solid; border-top-width:2px; border-top-color:#333333;}


/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
	
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	
	
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	.nombreTabTexto { display:none}
	.nombreTabIcono { display:block}

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	
	.nombreTabTexto { display:none}
	.nombreTabIcono { display:block}
}