﻿/* CSS Document extranet calidad.css */

body {
	font-family: Arial, Helvetica, sans-serif;
	margin-left:auto;
	margin-right:auto;
	width:760px;
	padding-bottom:40px;
	/* Configuración de la barra de scroll*
	SCROLLBAR-SHADOW-COLOR: #F5C007;
	SCROLLBAR-ARROW-COLOR: #000099;
	SCROLLBAR-3DLIGHT-COLOR: #000099;
	SCROLLBAR-TRACK-COLOR: #FFFFFF;
	SCROLLBAR-DARKSHADOW-COLOR: #EFF2F8;
	scrollbar-face-color : #EFF2F8 ;
	scrollbar-highlight-color : #EFF2F8;	
    overflow:auto;*/
}

#contenido {
	margin-top: 0px;
}

/* Imagenes del logo de Calidad en Destinos*/
#logone 
{
	background: url("../imagenes/logone3.jpg") top right no-repeat; width:83px; height:187px;
}

#logsmile {background: url("../imagenes/logsmile.jpg") top no-repeat; height:73px; width:202px;}


#cabcontent {}

#barimg {background: url("../imagenes/lingris.jpg") bottom repeat-x; height:113px; width:777px; z-index:1;}



#barsup {background: url("../imagenes/bgHeader.png") top left no-repeat;height:57px;width:777px;text-align:right;border-bottom: solid 1px #C9CDCC;}

#sonrisa {background: url("../imagenes/sonrisa.gif") top left no-repeat;height:57px;width:224px;float:left}

#enlaces {float:right;vertical-align:bottom; width:auto;margin-top:40px}

#barsup a {font-size:11px; text-decoration:none; margin-right:5px; color:#FFFFFF;}

#separa {  height:1px; width:716px; border-style:solid;}

#botonera { padding-top:1px; width:677px;}

#botonera a {margin-right:-3px;}

#btfin {margin-right: -8px;}

#barizd {float:left; clear:left;}


#menuinf   {height:145px; width:185px;}

#condest   {height:145px; width:185px;}

/* Panel que contiene los datos de información*/ 
#info 
{
	width:558px; 
	float:left;
	font-size:11px;
	color:#767676;
	margin-left:21px;
	margin-top:25px;
}

#info p {
	font-size:11px;
	color:#767676;
	margin-left:21px;
	margin-top:25px;
}

#pieOndas 
{

	top:100px;
	width:760px;	
	background: url("../imagenes/bgFooter.png") top left no-repeat;height:54px;text-align:right;}
/* Configuración del pie de página */
#pie {
	border-top-style: solid;
	border-top-color: #C9CDCC;
	border-top-width: 1px;
	border-bottom-color: #C9CDCC;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	height:41px;
	position:relative;
}

#logminis 
{
	 background: url("../imagenes/logminis.jpg");	 	 
	 no-repeat;
	 height:41px;
	 width:278px; 
	 float:left;}

#cuerpopie {float:left; text-align:center; width:429px;}

#mapaw {font-size:11px; color:#094198; font-weight:bold;}

#menupie a{
	font-size:11px;
	color:#767676;
	text-decoration:none;
	margin-right: 5px;	
}

#logfemp {background: url("../imagenes/logfemp.jpg") top; right; no-repeat; height:41px; width:52px; float:right;}

#busc
{
	/*margin-left: 10px;*/
	/*margin-top: 43px;*/
	border: 1px solid #F5C007;
	/*width: 275px;*/
	background: url(../imagenes/fondobusc.jpg) left 50%;
	/*height: 169px; /*float:left;*/
}

.itemn {font-size:11px; color:#395F9F; margin-left:5px;}

.itemt {font-size:11px; color:#395F9F; margin-left:5px; width:70px; }

.itemg {font-size:11px; color:#395F9F; margin-left:5px; width:100px; }

.cajatxt {float:right; margin-right:3px; margin-top:30px;}

.cajasel {float:right; margin-right:5px; margin-top:10px;}

.campo {font-size:11px;}

.ErrorValidacion
{
	font-size:11px;
	background-color:Red;
	border:solid 1px Red;
}
#corcheteizd {
	/*float:left;*/
	height:192px;
	width:17px;
	/*margin-top:20px;*/
	margin-left:40px;
	border-top-color: #F5C007;
	border-bottom-color: #F5C007;
	border-left-color: #F5C007;
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-width: 1px;
	border-left-width: 1px;
}

#corchetedere {
	/*float:left;*/
	height:192px;
	width:17px;
	/*margin-top:20px;*/
	border-top-color: #F5C007;
	border-bottom-color: #F5C007;
	border-right-color: #F5C007;
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom-style: solid;
	border-right-style: solid;
	border-bottom-width: 1px;
	border-right-width: 1px;
}

#mapa {float:left; margin-top:20px; margin-left:8px;}
.boton
{
	border-color: #203559;
	margin-right: 2px;
	border-style: solid;
	border-width: 1px;
	color: #203559;
	background-color: #FFFFFF;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	height: 15px;	
	cursor:hand; 
	cursor:pointer;
	text-transform: uppercase;
}
.botonsel
{
	border-color: #F5C007; 
	border-style:solid;	
	border-width: 1px;	
	margin-right: 2px;
	color: #203559;	
	background-color: #FFFFFF;	
	font-size: 11px;	
	font-family:Arial, Helvetica, sans-serif;	
	height:15px;
	text-transform: uppercase;
	cursor:hand; 
	cursor:pointer;
	}
.posbotlist {float:right; clear:right; margin-right:1px; margin-top:14px;}

/* Estilos del grid */
.tablist {
	width:100%;	
	border-left:1px solid #F5C007;
	border-right:1px solid #F5C007;		
	}
.tablist td { border-bottom:1px solid #E3E9F3; padding-left:5px;}

.tablistSinBordes {
	width:100%;		
	}
.tablistSinBordes td { border-bottom:1px solid #E3E9F3; padding-left:5px;}

.fila { 	font-size:11px;
			color: #767676; 
			text-decoration:none; 
			height:20px;
			padding-left:1px;
}

.filaover { font-size:11px;
			color: #203559; 
			text-decoration:none; 
			height:20px; 
			background-color:#EFF2F8;
			padding-left:1px;
			}
.pag {color:#767676; font-size:11px; text-decoration:none;}
a.pag:hover{color:#203559;}

.pagnumeros
{
	color: #666666;
	font-size: 11px;
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
}
a.pagnumeros:hover{	color:#203559;text-decoration: none;}

.pagnumerosnar
{
	font-weight: bold;
	color: #F5C007;
	font-size: 11px;
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
}

.totpag {padding-left:20px; margin-top:10px; width:50%;}

.error
{
	font-size: 18px;
	font-weight: bold;
	width: 100%;
	height: 18px;
	vertical-align: middle;
	text-align: left;
	padding-left: 5px;
	color: red;
}
.seccionlist
{
	font-size: 11px;
	font-weight: bold;
	width: 100%;
	height: 20px;
	background-color: #c2d8fc;	
	vertical-align: middle;
	text-align: left;
	padding-left:5px;
	cursor:hand; 
	cursor:pointer;
}
.seccionsel
{
	font-size: 11px;
	color: #333399;
	font-weight: bold;
	width: 100%;
	height: 20px;
	background-color: #f9f2ae;
	vertical-align: middle;
	text-align: left;
	padding-left: 5px;
	cursor:hand; 
	cursor:pointer;
	font-style: italic;
}
.cablist
{
	font-size: 11px;
	color: #203559;
	font-weight: bold;
	width: 100%;
	height: 20px;
	background-color: #E5E5E4;	
	vertical-align: middle;
	text-align: left;
	padding-left:5px;
}

.filalist
{
	font-size: 11px;
	color: #203559;
	width: 100%;
	height: 20px;
	background-color: #E5E5E4;	
	vertical-align: middle;
	text-align: left;
	padding-left:5px;
}



.list {	
	margin-top:10px;
	margin-left:0px;
}

.ficha 
{
	/*float:left;*/
	margin-top:20px;
	width:100%;}
	 
.fichnombre
{
	font-size: 14px;
	font-weight: bold;
	color: #203559;
	border-bottom: 1px solid #203559;
}

.fichtipo {font-size:11px; color:#767676; height:20px;}

.fichloc {font-size:11px; color:#767676;}

.fichtipo a{color:#203559; height:20px; font-weight:bold;}

.fichtipo a:hover{color:#F5C007;}

/*.fichtipo span {color:#203559;}*/

.LetraNegrita
{
	color:#203559;
}
.fichloc span {color:#203559;}
.cordereficha {
	/*float:right;*/
	width:17px;
	margin-top:20px;
	border-top:1px solid #F5C007;
	border-right:1px solid #F5C007;
	border-bottom:1px solid #F5C007;}


.corizdficha {
	/*float:left;*/
	width:17px;
	margin-top:20px;
	margin-left:10px;
	border-top:1px solid #F5C007;
	border-left:1px solid #F5C007;
	border-bottom:1px solid #F5C007;
}
.imgmap
{
	width:200px;	
	height:150px;
	border:1px solid #CCCCCC;
	padding:2px;
}


.contenedor
{
	width: 100%;
	margin-top: 25px;
}
.contenedor a
{
	color:#203559;
}
.contenedor a:hover
{
	color:#F5C007;
}

/* Estilos para la página home */
#barizdhome {float:left;}
 

#logonehome {background: url("../imagenes/logonehome.jpg") top right no-repeat; 

width:108px; height:217px;} 

 

#logsmilehome {background: url("../imagenes/logsmilehome.jpg") top right 

no-repeat; width:108px; height:108px;} 

 

ul {list-style-type: none; font-size:10px; text-align:right; margin: 0; 

padding: 0; margin-top:22px;} 

 

li a {text-decoration:none; color:#767676;} 

 

li a:hover {color:#203559;} 

 

#centralhome {float:right;} 

 

#barsuphome {background: url("../imagenes/bgHeader.png") top left no-repeat; 
	

width:648px; height:56px; border-bottom: solid 1px #C9CDCC;} 

#sonrisahome {background: url("../imagenes/sonrisa.gif") top left no-repeat;height:57px;width:224px;float:left}

#botonerahome { padding-top:1px; width:716px; border-top:1px solid #203559;} 

 

#botonerahome a {margin-right:-2px;} 

 

#bodyhome {
	font-family: Arial, Helvetica, sans-serif;
	margin-left:auto;
	margin-right:auto;
	margin-top:10%;
	width:777px;
}

/* Tabla con bordes */
.barras
{
	border-bottom:1px solid #203559;
	border-top:1px solid #203559;
}
/*Filtro establecimientos*/
#infolist {width:600px; float:right;} 

 

.busclist 
{
	margin-left:0px; 
	margin-top:10px;	
	border: 1px solid #F5C007; 
	background: url(../imagenes/fondobusc.jpg) top; 
	height:100%; 
	padding-bottom:15px;
} 

 

.itemglist 
{
	font-size:10px; 
	color:#203559; padding-left:5px; } 

 

.itemnlist 
{
	font-size:10px; 
	color:#203559; 
	padding-left:5px;
	height:30px; 
	/*width:100%*/
} 

 

.itemtlist {font-size:10px; color:#203559; padding-left:5px; 

padding-right:5px;} 

 

#list { 

margin-top:10px; 

margin-left:20px; 

border-left:1px solid #F5C007; 

border-right:1px solid #F5C007; 

} 

.posbotlist {padding-right:30px;} 
/*Estilo noticias*/

.NewsTable
{
	width: 100%;	
}
.NewsContenidosCell
{
	vertical-align: top;
	width:75%;
}
.NewsImageCell
{
	width: 25;
	vertical-align: top;	
	background-color: #E5E5E4;
}
.NewsDivContenidos
{
	width: 100%;	
	vertical-align: top;
	text-align: left;
}
.NewsDivImagen
{
	width: 100%;	
	height:100%;
	position: relative;	
	float: left;
	overflow:hidden;
}

.NewsDivContendorDerecho
{
	width: 99%;
	overflow: hidden;
	position: relative;
	float: right;
	padding: 0px;	
}
.NewsDivIntroduccion
{
	width: 100%;
	font-size: 11px;
	color: #203559;
	font-weight: bold;
	background-color: #E5E5E4;
	vertical-align: middle; /*text-align: justify;*/
	padding-left: 1px;
	direction: ltr;
	/*text-align: justify;*/
}
.NewsDivBotonera
{
	width:100%;
	font-size: 11px;
	color: #203559;
	text-decoration: none;
	height: 20px;
	background-color: #EFF2F8;
	padding-left: 0px;
	padding-bottom:1px;
	padding-top:1px;
	cursor:hand; 
	cursor:pointer;	
	vertical-align: middle;
}
.NewsDivAmpliarNoticia
{
	width:100%;
	overflow:hidden;
	font-size: 11px;
	color: #203559;	
	vertical-align: middle;
	/*text-align: justify;*/
	padding-left: 0px;
	
}
.NewsDivInterior
{
	float: right;
}
.NewsIntroductionText
{
	vertical-align: super;
	text-align: justify;
}
.NewsTitle
{
	font-size: 11px;
	color: #203559;
	height: 25px;
	font-weight: bold;
	background-color: #E5E5E4;
	vertical-align: middle;
	text-align: left;
	padding-left: 5px;
	/*text-justify: auto;*/
}

/* Clases para el visor */
.ImageViewer
{
	width: 150px;
	height: 100%;
	z-index: -5;
	text-align: right; /*border-right: #f5c007 1px solid;*/
	border-top: #f5c007 1px solid; /*	border-left: #f5c007 1px solid;*/
	border-bottom: #f5c007 1px solid;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: transparent;
	border-top: #eff2f8 1px solid;
	border-bottom: #eff2f8 1px solid;
}
.ImageZoomPanel
{
	z-index: 150;
	background-color: #EFF2F8;
	width: 500px;
	height: 400px;
	overflow: scroll;
	border-right: #F5C007 1px solid;
	border-top: #F5C007 1px solid;
	border-left: #F5C007 1px solid;
	border-bottom: #F5C007 1px solid;
	position: static;
	vertical-align: middle;
	text-align: center;
	SCROLLBAR-SHADOW-COLOR: #F5C007;
	SCROLLBAR-ARROW-COLOR: #000099;
	SCROLLBAR-3DLIGHT-COLOR: #000099;
	SCROLLBAR-TRACK-COLOR: #FFFFFF;
	SCROLLBAR-DARKSHADOW-COLOR: #EFF2F8;
	scrollbar-face-color : #EFF2F8 ;
	scrollbar-highlight-color : #EFF2F8;	
}
.ComentarioForo
{
	border-color: #E5E5E4;
	margin-right: 2px;
	border-style: solid;
	border-width: 1px;
	color: #395F9F;
	background-color: #FFFFFF;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}
.ComentarioGris 
{
	color:GrayText;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;	
}
.ComentarioNegro 
{
	color:Black;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;	
}