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

body{
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
	margin:0px;
	padding:0px
}

h1{
	font-weight:lighter;
	font-style:italic
}

hr{
	border:none;
	height:1px;
	background:#CCC
}

a{
	color:#03C
}

a.menu{
	color:#CCC
}

a img{
	border:none
}

span.button{
	cursor:pointer;
	text-decoration:underline
}

div.menuItemDiv{
	height:30px;
	padding-right:25px
}

div.menuItemDiv-selected{
	background:url(../imagenes/web/menu_puntero.jpg) right no-repeat
}

div.gallery-h200-Div{
	position:relative;
	height:200px
}

div.gallery-h500-Div{
	position:relative;
	height:500px
}

div.mod-rootDiv{
	margin:10px;
	border-left:3px solid #CCC;
	padding-left:15px;
	padding-bottom:15px;
	position:relative
}

div.tarjeta-esquinas-div{
	height:7px
}

div.tarjeta-centro-div{
	background:#C7DCE2;
	height:7px;
	margin-left:7px;
	margin-right:7px
}

div.tarjeta-esquina{
	width:7px;
	height:7px
}

div.tarjeta-sup-izq-div{
	background:url(../imagenes/componentes/esquinas-redondas-azul.png) no-repeat;
	float:left
}

div.tarjeta-sup-der-div{
	background:url(../imagenes/componentes/esquinas-redondas-azul.png) top right no-repeat;
	float:right
}

div.tarjeta-abj-izq-div{
	background:url(../imagenes/componentes/esquinas-redondas-azul.png) left bottom no-repeat;
	float:left
}

div.tarjeta-abj-der-div{
	background:url(../imagenes/componentes/esquinas-redondas-azul.png) right bottom no-repeat;
	float:right
}

div.tarjeta-contenido-div{
	background:#C7DCE2;
	padding:10px;
	color:#333;
	position:relative
}

div.thumbDiv{
	display:inline-block;
	margin:14px;
	border:1px solid #CCC;
	padding:2px;
	cursor:pointer;
	position:relative;
	background:#FFF
}

div.error{
	width:290px;
	background:#FFFFFF;
	border:#C00 2px solid;
	-ms-border-radius: 3px;  
	-moz-border-radius: 3px;  
	-webkit-border-radius: 3px;  
	-khtml-border-radius: 3px;
	padding:5px;
	margin-top:5px;
	margin-bottom:5px;
	color:#C00;
	white-space:nowrap
}

div.error img{
	vertical-align:text-bottom
}

div.normalError{
	background:#FFFFFF;
	border:#C00 2px solid;
	-ms-border-radius: 3px;  
	-moz-border-radius: 3px;  
	-webkit-border-radius: 3px;  
	-khtml-border-radius: 3px;
	padding:5px;
	margin-top:5px;
	margin-bottom:5px;
	color:#C00
}

div.resumen{
	background:#369;
	-ms-border-radius: 5px;  
	-moz-border-radius: 5px;  
	-webkit-border-radius: 5px;  
	-khtml-border-radius: 5px;
	padding:5px;
}

div.resumen div{
	background:#FFFFFF;
	padding:7px;
	position:relative
}

div.leftCol{
	float:left;
	clear:left;
	text-align:right
}

div.leftCol2{
	float:left;
	margin-left:10px
}

div.leftColDiv{
	float:left;
	margin-left:6px;
	width:150px
}

input[type="text"],input[type="password"],textarea{
	width:300px;
	font-size:14px;
	padding:3px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	border:1px inset #99B9E8
}

input.small{
	width:120px
}

input.smallest{
	width:40px
}

input.error,textarea.error{
	background:url(../imagenes/web/input-error.png) repeat-x bottom #FFF
}

span.error{
	color:#FF0000;
	font-style:italic;
}

span.error img{
	vertical-align:text-top
}

#leftDiv{
	position:fixed;
	top:0px;
	left:0px;
	bottom:0px;
	width:200px;
	text-align:center;
	background:url(../imagenes/web/coliseo-romano.jpg) #003 bottom no-repeat
}

#logoImg{
	margin-top:50px
}

#menuDiv{
	margin-top:30px;
	text-align:right
}

#contentDiv{
	margin-left:200px;
	margin-bottom:20px;
	color:#666;
	overflow:hidden;
}

#web-cargando-div{
	background:#FFFF66;
	padding:4px
}

div#componentsRootDiv{
	position:fixed;
	top:0px;
	left:0px;
	width:0px;
	height:0px
}

/*
	Tamaños de fuente
*/
.normal{
	font-size:16px
}

.big{
	font-size:20px
}

.bigger{
	font-size:26px
}

.small{
	font-size:12px
}

.cursiva{
	font-style:italic
}

.bold{
	font-weight:bold
}

.tachado{
	text-decoration:line-through
}

.clear{
	clear:both
}

.sector{
	border-bottom:2px dashed #A3BFF3;
	border-top:2px dashed #A3BFF3;
	padding:6px
}

.tahoma{
	font-family:tahoma
}

.fl{
	float:left;
	margin-right:10px
}

.fr{
	float:right;
	margin-left:10px
}

.width{
	width:450px
}

.color-azul{ color:#03C }
.color-rojo{ color:#C00 }
.color-gris-4{ color:#333 }
.color-gris-3{ color:#666 }
.color-gris-2{ color:#999 }
.color-gris-1{ color:#CCC }

.redondo {
	border-radius: 3px;  
	-ms-border-radius: 3px;  
	-moz-border-radius: 3px;  
	-webkit-border-radius: 3px;  
	-khtml-border-radius: 3px;  
}

.button{
	cursor:pointer;
	text-decoration:underline
}

.sombra{
	box-shadow: 1px 1px 5px #aeaba3;
	-webkit-box-shadow: 1px 1px 5px #aeaba3;
	-moz-box-shadow: 1px 1px 5px #aeaba3;
}


/*
	Especificos
*/

.artError-span{
	font-size:36px;
	color:#C00;
	vertical-align:text-top
}

/*
	Sombras
*/
.sombra_arriba{
	position:absolute;
	left:0px;
	right:0px;
	top:-16px;
	height:16px;
	background:url(../imagenes/componentes/sobras_vertical.png) top repeat-x
}

.sombra_derecha{
	position:absolute;
	top:0px;
	bottom:0px;
	right:-16px;
	width:16px;
	background:url(../imagenes/componentes/sombras_horizontal.png) right repeat-y
}

.sombra_abajo{
	position:absolute;
	left:0px;
	right:0px;
	bottom:-16px;
	height:16px;
	background:url(../imagenes/componentes/sobras_vertical.png) bottom repeat-x
}

.sombra_izquierda{
	position:absolute;
	top:0px;
	bottom:0px;
	left:-16px;
	width:16px;
	background:url(../imagenes/componentes/sombras_horizontal.png) left repeat-y
}

.sombra_arriba_derecha{
	position:absolute;
	top:-16px;
	right:-16px;
	height:16px;
	width:16px;
	background:url(../imagenes/componentes/sobras_esquinas.png) top right no-repeat
}

.sombra_abajo_derecha{
	position:absolute;
	right:-16px;
	bottom:-16px;
	height:16px;
	width:16px;
	background:url(../imagenes/componentes/sobras_esquinas.png) bottom right no-repeat
}

.sombra_abajo_izquierda{
	position:absolute;
	left:-16px;
	bottom:-16px;
	height:16px;
	width:16px;
	background:url(../imagenes/componentes/sobras_esquinas.png) bottom left no-repeat
}

.sombra_arriba_izquierda{
	position:absolute;
	top:-16px;
	left:-16px;
	height:16px;
	width:16px;
	background:url(../imagenes/componentes/sobras_esquinas.png) top left no-repeat
}

div.comp-promp-rootDiv{
	position:fixed;
	width:480px;
	height:270px;
	z-index:5000;
	background:url(../imagenes/web/fondo_prompt.png) no-repeat
}

div.comp-titulo{
	font-size:18px;
	color:#003399
}

/* IMAGENES FONDO */
body.fondo-cubiertos{ background:url(../imagenes/web/cubiertos.jpg) top right no-repeat }
body.fondo-plato_1{ background:url(../imagenes/web/plato_1.jpg) top right no-repeat }
body.fondo-plato_2{ background:url(../imagenes/web/plato_2.jpg) top right no-repeat }