﻿/*
 * IDEAS PASIÓN
 * Fecha: 07/04/2009
 * Autor: Vperis
 * Descripción: Estilos comunes a toda la aplicación
 */

/*Estilos común*/
body
{
    margin:0px;
    font-family: Arial;
    font-size:0.8em;
    line-height:18px;
    background-color:#E8E1DD;
    color:#000000;
}

a {color:#C00000;}
img {border:0px;}
.pad10right { padding-right:10px;}
.pad10left { padding-left:10px;}
.margen30left {margin-left:30px;}
.textleft { text-align:left !important;}
.font10{font-size:0.8em;}

ul {
    margin:0px 0px 0px 20px;
    padding-left:20px;
    margin-bottom:10px;
	line-height: 22px;
	list-style-image: url(../../gifs/bullet.gif);
}

li a
{
    text-decoration:none;
}

p
{
    margin:0px;
    padding:0px 0px 11px 0px;
}

strong
{
    color:#222222;
}

.clear
{
    clear:both;
    margin:0px;
    padding:0px;
    height:0px;
}

h1
{
    margin:0px;
}

h2
{
    color:#02604D;
    font-size:1.3em;
    margin:15px 0px 3px 0px;
	font-weight: bold;
}

h3
{
    font-size:1.1em;
    margin-top:10px;
    margin-bottom:5px;
    padding:0px;
    font-weight:bold;
    color:#02604D;
}

cite
{
	font-size : 10px; 
}

input{ 
  font-family:arial; 
  font-size:11px; 
  border-color:#7f7f7f; 
  border-width:1px; 
  
} 

textarea{ 
  font-family:arial; 
  font-size:11px; 
  border-color:#7f7f7f; 
  border-width:1px; 
  color:#7f7f7f;
}

.centeredPage
{
    margin:0px auto;
    width:986px;
    position:relative;
}

#mainContent
{
    
    width:900px;
    padding:43px;
    background-color:#FFFFFF;
    
}

#menuContent
{
    position:relative; 
    height:90px; 
}

#menuContent img
{
    position:relative;
}

#divMenu
{
    position:relative;
    top:27px;
}

#tabmenu
{
    float:right;
    margin-top:17px;
    border-left:solid 2px #FFFFFF;
    font-weight:bold;
}

#tabmenu .tabitem
{
    padding:0px 10px;
    border-right:solid 2px #FFFFFF;
}

#tabmenu .selected
{
    padding:0px 15px;
    border-right:solid 2px #FFFFFF;
    font-size:1.22em;
    color:#8CADA3;
	font-weight: normal;
}

#tabmenu .selected a
{
    text-decoration:none;
    color:#8CADA3;
}

#tabmenu .tabitem a
{
    color:#02604D;
    font-size:1.22em;
    text-decoration:none;
	font-weight: normal;
}

#metaMenu
{
    position:absolute;
    top:0px;
    right:0px;
}

.itemMeta
{
    display:inline-block;
    width:50px;
    height:20px;
    font-size:0.875em;
    padding:0px 20px;
    margin-left:2px;
    background-color:#FFFFFF;
    text-align:center;
}

.itemMeta a
{
    color:#000000;
    text-decoration:none;
}

.selectedMeta
{
    display:inline-block;
    width:50px;
    height:20px;
    font-size:0.875em;
    padding:0px 20px;
    margin-left:2px;
    background-color:#EDEDED;
    text-align:center;
}

.selectedMeta a
{
    color:#000000;
    text-decoration:none;
}

#submenu
{
    position:absolute;
    width:230px;
    top:90px;
    text-align:left;
    background-color:#E8E1DD;
    padding:43px 10px 20px 20px;
    font-size:1.15em;
    line-height:22px;
           
}

#submenuCentro
{
    position:absolute;
    width:230px;
    top:90px;
    text-align:left;
    background-color:#E8E1DD;
    padding:15px 10px 20px 20px;
    font-size:1.15em;
	font-weight: bold;
    line-height:22px;
    
}

#submenu .item
{
    display:block;
    color:#8CADA3;
}

#submenu .item a
{
    color:#02604D;
    text-decoration:none;
}


#submenuCentro .item
{
    display:block;
    color:#8CADA3;
	font-weight: normal;
}

#submenuCentro .item a
{
    color:#02604D;
    text-decoration:none;
	font-weight: normal;
}


#divCopy
{
    position:absolute;
    right:0px;
    top:-20px;
    color:#666666;
}

#divCopy a
{
    color:#666666;   
}

#piePage
{
    position:relative;
    margin-top:10px;  
    margin-bottom:10px;
    text-align:center;
    font-size:0.875em
}

#piePage a
{
    color:#000000;
}

.resumenNot
{
    margin:0px;
    font-family: Arial;
    font-size:0.9em;
    line-height:18px;
    color:#000000;
}
.negrita
{
    font-weight:bold;
    color:#000000;    
}

em
{
    color:#666666;
    font-style:normal;   
}

#colCentral
{
    width:627px;
    
    float:left;
}

#colDer
{
    float:right;
    margin-left:28px;    
    width:243px;
    
}

/*Fin estilos común*/

/*estilos Home*/

#newsHome
{
    margin-top:2px;
    padding-top:0px;
}

.colNewsHome
{
    width:299px;
    float:left;
    padding-top:20px;
}

.filaNewsHome
{
    margin-top:29px;
}

.fechaNews
{    
    font-size:0.875em;
}

.titNews
{
    
}

.listaBanners img
{
    margin-top:31px;
}

#buscador
{
    background-color:#E8E1DD;
    
    padding:5px 10px;
}

.titverde
{
    color:#02604D;
    font-size:1.1em;
    margin:10px 0px;
	font-weight: bolder;
}

.titubicacion {
	color:#02604D;
	font-size:1.1em;
	font-weight:bold;
	margin:10px 0;
	}

/*Fin estilos Home*/

/*Estilos internas*/

.localizador
{
    position:absolute;
    left:343px;
    top:100px;
    font-size:0.85em;
}

#colIzqInt
{
    float:left;
    width:300px;
}

#colDerInt
{
    float:left;
    
    width:600px;
}

.txtcontenido
{
    padding-top:0px;
    margin-top:10px;
}

#gmap
{
    width:650px;
    height:412px;
}

#gmapmini
{
    width:217px;
    height:100px;
    margin-top:5px;
}

.coldatosCentros
{
    margin-top:280px;
}

.coldatos
{
    margin-top:20px;
}

#ubicacion
{
    background-color:#E8E1DD;
    
    width:220px;
    padding:20px;
}

.botonForm
{
    text-align:right;
}

.divOpinion
{
    margin-top:40px;
    background-color:#DDFFFF;
    padding:19px;
    width:243px;
    font-size:0.85em;
}

.divMedios
{
    margin-top:120px;
    background-color:#DDFFFF;
    padding:19px;
    width:224px;
    
}

.colcalendario
{
    background-color:#E8E1DD;
    padding:15px;
    width:230px;
    margin-top:5px;
}

.titCentro
{
    color:#000000;
    font-size:1em;
    margin:0px;
	font-weight: bold;
}

.titAgenda
{
    font-size:1.2em;
}
/*Eliminamos el copyright y los términos de uso del mapa pequeño*/
#gmapmini > DIV:first-child + DIV + DIV { display: none !important; }

#otroscentros
{
    width:260px;
    font-size:0.85em;
	line-height: 15px;
	padding-bottom: 9px;
}

#otroscentros p
{
    margin:0px;
    padding:15px 0px 5px 0px;
}

.listaNormal li
{
    list-style-image:url(../../gifs/bullet.gif);
}

.listaFicheros li
{
    margin-left:25px;
    padding-left:5px;
    margin-top:7px;
    list-style-image:url(../../gifs/icon_doc.gif);
}

.columnaImg
{
    float:right;
    margin-top:40px;
    position:absolute;
    right:75px;
}

.columnaImg strong
{
    line-height:13px;
}

#imgCabecera
{
    margin-bottom:15px;
}

/*Estilos Datos Nisa*/
.colTabla
{
    float:left;
    width:270px;
    
}

.filaTabla
{
    margin-bottom:5px;
}

.itemTabla1
{
    display:inline-block;
    width:210px;   
    
}

.itemTabla2
{
    display:inline-block;
    width:245px;   
    
}

.itemCant
{
    text-align:right;
    font-weight:bold;
    color:#444444;
    width:60px;
    display:inline-block;
}

.cabeceraTabla
{
    border-bottom:solid 1px #CCCCCC   
}

/*Fin Estilos Datos Nisa*/

/*Estilos Noticias*/

.colNoticia
{
    width:275px;
    float:left;
    padding-top:5px;
}

.resumenNot
{
    margin:0px;
    font-family: Arial;
    font-size:0.9em;
    line-height:18px;
    color:#000000;
}

.resumenNot a
{
    margin:0px;
    font-family: Arial;
    font-size:1.0em;
    line-height:18px;
    color:#C00000;
	text-decoration: none;
}

.tituloNot
{
    color:#C00000;
    font-weight:bold;
	font-size:0.9em;
}

.tituloNot a
{
    text-decoration:none;
}

.fechaNot
{
    font-size:0.85em;
	color:#333333;
}

.titNoticiaFicha
{
    color:#000000;
    font-weight:bold;
    background-color:#FFD457;
}

.filaRevista
{
    margin-top:10px;
}

.divRSS
{
    margin-top:100px;
}

/*Estilos Ticker*/

#tickerNews
{
    background-color:#E8E1DD;
    margin-top:40px;
    width:220px;
    padding:20px;
    
}

#tickerNews .article
{
    padding-bottom:15px;
    
}

#tickerNews .date
{
    font-size:0.80em;
    
}

#tickerNews .source
{
    font-size:0.80em;
}


#tickerNews .title
{
    font-size:0.85em;
    font-weight:bold;
    text-decoration:none;
}


#tickerNews .ingress
{
    font-size:0.85em;
    text-decoration:none;
    color:#000000;
}
/*Estilos resumen*/

.titEnlace
{
    color:#BE1D2C;
    font-weight:bold;
    margin-left:15px;
    margin-bottom:13px;
    padding-left:25px;
    padding-bottom:5px;
    background:url(../../gifs/icon_movie.gif) no-repeat!important;
}


/*Estilos paginador*/
.paginador
{
    position:relative;
    margin:5px 0px;
    display:inline-block;
    width:165px;
}

.etiquetasig
{
    float:right;
}

.paginador a
{
    color:#BE1D2C;
    text-decoration:none;
}
/*fin estilos paginador*/


/*Fin estilos Noticias*/


/*Estilos formularios*/
.filaForm
{
    margin-bottom:10px;
    position:relative;
    
}

.itemForm
{
    font-size:0.875em;
}

label.itemForm
{
    display:inline-block;
    width:113px;
    margin-right:10px;
    text-align:right;
    font-size:11px;
}

.itemForm .inputText
{
    border:solid 1px #999999;
    font-size:0.875em;
    height:14px;
}

.itemForm select
{
    border:solid 1px #999999;
    font-size:0.875em;
    height:18px;
}

.itemForm checkbox
{
    border:solid 1px #999999;
}

.itemForm .inputTextArea
{
    border:solid 1px #999999;
    font-size:0.875em;
}

.btnEnviar
{
    
    text-align:right;
    padding-top:10px;
    margin-top:10px;
    border-top:1px solid #DDDDDD;
    position:relative;
}

.btnEnviar1
{
    
    text-align:right;
    margin-top:5px;
    margin-right:3px;
    position:relative;
}

.btnEnviar1 a
{  
    text-decoration:none;
    padding:0px 0px;
}

.inptButton
{
    background-color:#C00000;
    color:#FFFFFF;
    border:none;
    padding:2px 10px;
}

.TitpasosForm
{
    color:#FFFFFF;
    background-color:#85C2C2;
    padding:10px;
}

.azulito
{
    color:#016287;
}

.alertError
{
    color:Red !important;
}

.aviso
{
    font-size:10px;
}

.respForm
{
    margin-top:210px
}

.columnR
{
    position:relative;
    display:inline-block;
    vertical-align:top;
    width: 80px;
    text-align: right;
    font-size: 12px;
    
}

.columnR1
{
    position:relative;
    margin-left:20px;
    width: 455px;
}

.controls 
{
	text-align: justify; 
	padding: 0px 0px 0px 0px; 
	margin: 10px 33px 0px 0px; 
	border-top: solid 0px red;
	width: 580px;
}

.controls a 
{
	color:red!important;
	float:right;
	padding: 10px 0px 0px 0px;
	color: red!important;
	font-weight:bold;
	}
	
.controls input
{
    float:right;
    
}

.controls p 
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}
	
.legal 
{
	text-align: justify; 
	padding: 0px 0px 0px 100px; 
	margin: 0px 33px 0px 0px; 
	border-top: solid 0px red;
	width: 490px;
}

/*Fin estilos formularios*/

/*Estilos lightBox y galeria*/

#gallery
{
    margin:0px;
    padding:0px;
}

.titImg
{
    color:#BE1D2C;
    padding-left:10px;
}

#listaImages img
{
    margin-right:23px;
}

#gallery img
{
    margin-right:19px;
    margin-bottom:10px;
}

/* Estilos capa modal */

#capaContacto
{
   margin:10px auto;
   width:550px;
   position:relative;
}

#bgblack {
    display:none;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#000;
    z-index:100;
}

#tips {
    display:none;
    position:absolute;
    top:50%;
    left:50%;
    background:#FFF;
    z-index:200;
    padding:0px 5px 12px 5px;
    
}

#tips a {
    display:none;
    font-family:Verdana;
    font-size:11px;
    text-align:right;
    color:#F60;
    margin:0 15px 5px 0;
}

.pestCerrar
{
    top:-30px;
    position:absolute;
    right:20px;
}

.pestEsquinaIzq
{
    position:absolute;
    left:0px;
    top:-25px;
}

.pestEsquinaDer
{
    position:absolute;
    right:0px;
    top:-25px;
}

.botTopCerrar
{
   position:absolute;
   background-color:#FFFFFF;
   top:-25px;
   width:585px;
   margin-left:19px;
   height:47px;
   text-align:right;
   vertical-align:top;
   
}

.botBottomCerrar
{
   position:absolute;
   background-color:#FFFFFF;
   width:585px;
   margin-left:19px;
   height:27px;
   text-align:right;
   vertical-align:top;
   
}

.pestEsquinainfIzq
{
    position:absolute;
    left:0px;
    
}

.pestEsquinainfDer
{
    position:absolute;
    right:0px;
}

#videoWin
{
    text-align:center;
    position:relative;
}

.descVideo
{
    position:relative;
    padding-top:3px;
    margin:0px auto;
    text-align:left;
    width:515px;   
    height:70px;
}

/* Fin estilos capa modal */

.desc
{
    padding-left:10px;
    left:100px;
}

.itemFoto
{
    padding-right:20px; 
}

.listaImgs
{
    margin-bottom:10px;   
}

.imgGaleria
{
    margin-bottom:5px;
}

.itemEspecialidad
{
    color:#02604D;
    font-weight:bold;
    margin:0px;
    margin-bottom:5px;
    list-style-image:none;
    list-style-type:none;
    
    position:relative;
}

.itemEspecialidad a
{
    text-decoration:none;
    font-weight:bold;
    
    display:inline-block;
    width:240px;
    position:relative;
    margin-left:10px;
}

.itemEspecialidad img
{
    
    
    display:inline-block;
    position:absolute;
    top:5px;
}

.bloqueCentro
{
    width:250px;
    
    background-color:#E8E1DD;
    position:relative;
    margin-bottom:10px;
}

.itemCentro
{
    margin:5px 0px 5px 20px;
    font-size:0.85em;
}
.itemCentro a
{
    text-decoration:none;
}

#gmap
{
    width:595px;
    height:460px;
    border:solid 2px #999999;
    
}

/*estilos Actividades*/

.cajaActividades
{
    float:right;
    width:183px;
    margin-top:25px;
    z-index:10px;   
}

.catNormal a
{
 padding:0px 8px;
 display:block;
 width:167px;
 padding-top:3px;
 text-align:right;
 height:40px;
 background-color:#E8E1DD;
 text-decoration:none;
 font-size:0.95em;
 margin-bottom:2px;
}

.catSelected
{
 padding:0px 8px;
 display:block;
 width:167px;
 padding-top:3px;
 border-top:solid 1px #CCCCCC;
 border-bottom:solid 1px #CCCCCC;
 border-left:solid 1px #CCCCCC;
 background-color:#FFFFFF;
 text-align:right;
 height:40px;
 text-decoration:none;
 font-size:0.95em;
 margin-bottom:2px;
}

.colActividad
{
    float:right;
    width:390px;
    display:block;
    border-left:solid 1px #CCCCCC;
    padding-left:15px;
}

.itemActividad
{
    margin-bottom:15px;
}

/*fin estilos Actividades*/

/*estilos atención al paciente*/

.filaPregunta
{
    background-color:#E8E1DD;   
    margin-bottom:3px;
}

.colPregunta
{
    display:inline-block;
    width:470px;
    padding:5px 10px;    
}

.colRespuesta
{
    vertical-align:middle;
}
/*fin estilos atención al paciente*/

/*estilos buscador*/

.filabuscador
{
    margin-bottom:30px;
}

.subfilabuscador
{
    margin-bottom:15px;
}

.centroResultado
{
    font-size:1.25em;
    color:#C00000;
    font-weight:bold;   
}

.cabResultado
{
    color:#02604D;
    margin-left:305px;
    font-weight:bold;
    font-size:0.85em;
}

.itemResultado
{
    display:inline-block;  
    width:105px; 
    text-align:center;
    
}

.cajaResultado
{
    background-color:#E8E1DD;
    padding:10px 0px 10px 20px;
    margin-bottom:10px;
}

.nomResultado
{
    float:left;
    width:260px;
    
}

.infoResultado
{
    float:right;
    margin-right:7px;
}

.cabHorario
{
    color:#02604D;
    
    font-weight:bold;
    font-size:0.85em;
}

.bloqueMutua
{
    margin-bottom:10px;
    border-bottom:solid 1px #E8E1DD;
    padding-bottom:5px;
    position:relative;
}

.avisoHora
{
     
    font-size:0.85em;
    left:50px;
    margin-bottom:10px;
    display:inline-block;
    width:285px;
    
}
/*Fin estilos internas*/