body  {margin-top: auto;  margin-bottom: auto; margin-left: auto;   margin-right: auto;}
A:link {	text-decoration: none;	color: #0000CC;}
A:visited {	text-decoration: none;	color: #0344BC;}
A:active {	COLOR: #0000CC; TEXT-DECORATION: none}
A:hover {	COLOR: #0000CC; TEXT-DECORATION: underline}
.titulos {  font-family: Arial, Helvetica, sans-serif; color: #99CCFF; font-size: small; font-weight: bold}
body {  font-family: Arial, Helvetica, sans-serif; font-size: x-small}
table {  font-family: Arial, Helvetica, sans-serif; font-size: 8pt}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: normal;
	margin-bottom: 8px;
	margin-top: 0px
}
h2, .csf8 {	color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: small; }
h2  {		font-weight: normal; }
h3 {	color: #000000; font-family: Arial, Helvetica, sans-serif;	font-size: medium; 
	margin-bottom: 8px ;
	margin-top: 10px ; }
p, h2, ul, li, div {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
p, h2, ul, li {
	margin-bottom: 8px;
	margin-top: 0px
}
.size5b  {	font-size: 16px;
	font-weight: bold;
}

.text1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small; font-weight: bold }
.csf6, .menu { color: #000000; font-family:  Arial, Helvetica, sans-serif; font-size: 9pt;
}
.menu {	margin-bottom: 2px; margin-top: 0px }
.menu p { color: #000000; font-family:  Arial, Helvetica, sans-serif; font-size: 9pt;
margin-bottom: 0px; margin-top: 0px ;
}
.csf1 {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
}
.csf2 {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.csf3 {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	background-color: #75A2CC;
}
.csf7, .csf7vert {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	background-color: #E6E6CA; 
}
.csf7 {
}
.csf7vert {
}
.csf4, .csf4b {

	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	background-color: #C7BC9C;
}
.csf4b {	
	font-weight: bold;
}

.csf9 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
}
.backg1 { background-color: #F0F0DD; }
.backg2 { background-color: #FCFCFC; }
.backgborde { background-color: #3D7878; }
.backgmenu { background-color: #F0F0DD; }





html {
  max-width: 1200px;
  margin: 0 auto;
   /* background: #eee; Fills the page */
  position: relative; /* Fix for absolute positioning */
}
.img_fluida {  max-width: 100%; max-height: auto;  }

.clear {
	clear: left	; }
.todo {
	margin-left:auto;
	margin-right:auto;
	max-width: 1000px ;  
	}
.head { /*	1b porque al mezclar margin left y right auto con display table, el color de fondo no se expande */
	width: 100%;
	height: 80px;
	text-align: right;
	background-color: #E9E6DC;
	display: table;
	/* 
	background-size: 100%;
	background-position: left top;
	background-repeat: no-repeat;*/
	}
.head_2 { 	width: 90% ; 	
	height: 10px ; 	
	float: left ; 
	text-align: left ; 
	padding-left: 30px ;	}
.head_3 {	max-width: 300px ; 				
	float: right ; 	
	padding: 10px ;	}
.pie {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	width: 100%;
	text-align: center;
	background-color: #E9E6DC;
	display: table;
	padding: 5px 0px; 
	/* 
	 background-size: 100%;
	background-position: left top;
	background-repeat: no-repeat;*/
	}
	
.container {
	width: 100%;
	margin: 0px auto;
	/* background-color: #EFEFEF; */
	/*background-color: #F0EAE3; marroncito*/
}

.menu { 
	float: left; 
	/*	-webkit-transition: all 0.3s ease-out;  -moz-transition: all 0.3s ease-out;	-ms-transition: all 0.3s ease-out;	-o-transition: all 0.3s ease-out;	transition: all 0.3s ease-out; */
}
.menu ul li > a, .menu ul li > div { /*  tipo boton / c y sin link */
	padding: 8px 15px;
}
.menu ul li a, .menu_2_destacado_a ul li a { 
	display: block;
	color: #0000A8 ; /* ae5c10     */
	 /*font-size: .9em;  si borro esto hay problemas por que ???????????? */
}
.menu_1_resto { 
	overflow:hidden;
	text-align: right ;
	height: 32px ;
	border-right: 1px solid #999 ;
	}
.menu_1_resto form { 
	margin-top: 0 ;
	margin-bottom: 0 ;	
	padding: 5px 2px 0 0 ;
	}	

.menu_1_activo, .menu_1_inactivo, .menu_1_resto {
	border-left: 1px solid #999 ;
}
.menu_1_activo {
	background-color: #FFF;
	border-top: 1px solid #999;
	border-bottom: 1px solid #FFF;  /* F5F5F5 */
}
.menu_1_inactivo, .menu_1_resto, .menu_2 {
	border-bottom: 1px solid #999 ;
}


.menu_1_activo:hover, .menu_1_inactivo:hover {
	background-color: #FFF; /* F0EAE3 marron */
}

.menu-link { /* boton menu al comprimir */
	display: none;
	float: right;
	text-decoration: none;
	padding: 19px 10px;
}
.menu ul, .menu_2 ul {  /* sin formato lista */
	margin: 0px;
	list-style: none;
	position: relative;
	display: inline-table;
	padding: 0px;
}	
.menu > ul > li { /* un li al lado del otro */
	display: inline-block;
}
.menu_2 ul {  /* p el boton del desplegable */
	padding: 0px ;
}

.titulourl {
	font-weight: bold;
	font-size: x-large;
	color: #000000;
	}
.tituloa {
	font-weight: bold ;	
	border: #000 ;
	}		
.tapa { 
  float: left;
  width: 50%;
  margin-right: 10px ;
  }
.pricesmini { 
  display: inline-block;  /* en lugar de float: center (q no existe) - pone uno al lado del otro  */
  width: 180px;
  margin: 5px ;
  }
  
.contenido {
	width: 100% ; 
	background-color: #FCFCFC ; 
	padding-bottom: 20px;
	}
.col_izquierda_menu {
	float: left ;
	width: 202px ; 
	}
.col_central {
	margin-left: 50px ; /* para menu izq aca usar 210px */
	margin-right: 220px ; /* para menu izq aca usar 180px */
	}
.col_derecha {
	float: right ;
	width: 170px ;
	/* background-color: 	#ccc ;*/ 
	}
	
	
.table1 {
	float: left ;
	padding: 2px;
	text-align: right ;
	}
	/*
@media screen and (min-width:480px) and (max-width:800px) {   landscape smartphones, portrait tablets, narrow desktops 
}*/
/* 
@media screen and (max-width:479px) {   portrait smartphones
}	
 */
@media screen and (max-width: 800px) {
.col_izquierda_menu { display:none }
.col_central {
	margin-left: 10px ;
	margin-right: 140px ; 
	}
.col_derecha {
	float: right ;
	width: 130px ;	/* decia 130 para ad */
	}
}
@media screen and (max-width: 500px) {
.col_izquierda_menu { display:none }
.col_central {
	margin-left: 10px ;
	margin-right: 30px ; /* decia 140 para ad */
	}
.col_derecha {
	float: right ;
	width: 20px ;	/* decia 130 para ad */
	}
.head { 
	height: 110px;
	}
}