﻿
* { padding: 0px; margin: 0px; }    
 
/****************************************************/
/***************** BODY-BACKGROUND ******************/
/****************************************************/
   
body{ text-align: center; }
* html { height: 100%; }

/****************************************************/
/********************* CABECERA *********************/
/****************************************************/

/* DIV - Contenedor de la cabecera principal */
DIV#masterheadercontainer {
    overflow: hidden;
    width: 950px;
    min-height: 130px;
    z-index:11;

}

/* DIV - Contenedor del logotipo  */
DIV#masterlogocontainer{
    float: left;
    width: 300px;
    min-height: 80px;
    background-color: Transparent;
}

/****************************************************/
/***************** MENU PRINCIPAL *******************/
/****************************************************/

/* DIV - Contenedor del menu principal */
DIV#mastermenucontainer {
    float: right;
    width: 530px;
    min-height: 80px;
    background-color: Transparent;
}

/* DIV - Contenedor del menu principal*/
DIV#mastermenulayout
{
	float: left;
	width: 490px;
	max-height: 80px;
	border: solid 3px #0199C0;
}
    
/* DIV - Contenedor de la imagen del menu principal */
DIV#mastermenuheaderlogo
{
	float: left; 
	width: 490px; 
	max-height:40px;
	border-bottom: solid 3px #0199C0;
}

/* DIV - Contenedores y listas del menu */
DIV#mastermenu{
    float: left; 
    width: 490px; 
    max-height:40px;
	vertical-align: middle;
}

#mastermenuul
{
	width: 100%;
	height: 23px;
	padding:0;
	margin:0;
	float:left;
	list-style-type:none;
	text-align: center;
	background-color: #0199C0;	
}

#mastermenuul li  
{
	display: inline;
	list-style: none; 
	display: block; 
	width: 24%;
	float: left; 
	background-color: #0199C0;
	text-align: center;
	vertical-align: middle;
	border: solid 1px #0199C0;
} 

#mastermenuul li:hover { border: solid 1px white; }

a.mastermenulink
{
	font-family: Verdana, sans-serif; 
	font-size: 10pt;
	color: White;
	cursor: pointer;
	text-align: center;
}


/****************************************************/
/********************* CONTENT ***********************/
/****************************************************/

/* DIV - Contenedor del pié de página */
DIV#mastercontentcontainer{
    width: 950px;
    min-height: 400px;
    z-index: 11; 
	overflow: hidden;
}

/****************************************************/
/********************* FOOTER ***********************/
/****************************************************/

/* DIV - Contenedor del pié de página */
DIV#masterfootercontainer{
	clear: both; 
    width: 950px;
    min-height: 100px;
    z-index: 11; 
	overflow: hidden;
    text-align: left;
}
    
/****************************************************/
/********************* GLOBAL ***********************/
/****************************************************/
/*
	COLORS:
	
	color: #0199C0; BACKGROUND-BORDER MAIN MENU
	color: #01AAD3; BACKGROUND MAIN MENU BUTTONS

	color: #014085; TITLES-LITERALS-LINKS-SEARCH BUTTON

	color: #026AB3; ESPEC-TITLES 
	color: #8FD7E6; BORDER-COLOR-OF-BOXES
	color: #0AA3CC; BORDER-INPUTS 
	color: #DBF8F4; BACKGROUND-COLOR-ON-MOUSE-HOVER-LINKS 
*/
 h1{margin:0;padding:0; display:inline;}
 h2{margin:0;padding:0; display:inline;}
 h3{margin:0;padding:0; display:inline;}

img.linkarrowimage{ border-style:none; }

.title	 { color: #014085; font-size: 12pt; font-weight: bold; font-family: Miriam, Arial;  }
.midtitle { color: #014085; font-size: 10pt; font-weight: bold; font-family: Miriam, Arial;  }

.literal{ font-family: Verdana; font-size: 9pt; color: #014085;}
.boldliteral{ font-family: Verdana; font-size: 9pt; font-weight:bold; color: #014085;}
.resultsclientitle{ font-family: Verdana; font-size: 9pt; font-weight:bold; color: #014085;}
.resultsnoclientitle{ font-family: Verdana; font-size: 8.5pt; color: #014085;}
.blackliteral{ font-family: Verdana; font-size: 9pt; color: Black; }
.smallliteral { font-family: Verdana; font-size: 7.5pt; font-weight:bold; color: #014085;}
.smallblackliteral { font-family: Verdana; font-size: 7.5pt; color: Black; }

.altablacktitle { font-family: Verdana; font-size: 14pt; color: Black; }
.altablacktext { font-family: Verdana; font-size: 8.5pt; color: Black; }

.altadaraltatitle { font-family: Miriam, Arial; font-size: 14pt; font-weight: 600; color: #00AAD2; }
.altadaraltasmalltitle { font-family: Miriam, Arial; font-size: 12pt; font-weight: 600; color: #014085; }

.contactotitle { font-family: Miriam, Arial; font-size: 13pt; font-weight: 600; color: #00AAD2; }
.contactosmalltitle { font-family: Miriam, Arial; font-size: 12pt; font-weight: 600; color: #014085; }

.watermarked
{
	color: #939393;
	font-style: italic;
	width: 150px;
}

a.blacklink { cursor: pointer; font-family: Verdana; font-size: 7.5pt; color: Black; text-decoration: none;  }
a.blacklink:hover { background-color: #DBF8F4; }
a.bluelink { cursor: pointer; font-family: Verdana; font-weight:bold; font-size: 7.5pt; color: #014085; text-decoration: none; }
a.bluelink:hover { text-decoration: underline; }
a.breadcrumlink { cursor: pointer; font-family: Verdana; font-weight:bold; font-size: 8.5pt; color: #014085; text-decoration: none; }
a.breadcrumlink:hover { text-decoration: underline; }

.textboxstyle{ background-color: White; font-family: Verdana; color: Navy; }
input[type="text"] { border: solid 1px #0AA3CC; }
input[type="button"] {background-color: #014085; font-family: Verdana; color: white; font-size: 12pt; }

select { background-color: White; font-family: Verdana; color: Navy; border: solid 1px #00A9D2; }

.opaquelayoutcontainer { }
.opaquecontainer { display: block; position:absolute; float: left; width:100%; min-height:100%; min-width:100%; background:#fff; }
.opaquecontainer 
{
	filter: alpha(opacity=70);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	-moz-opacity: 0.50; opacity:0.5;
}

.noopaquetext 
{
	position: absolute; 
	float: left;
	left:0px; 
	top:0px; 
	width:100%; 
	height:100%; 
	background-color:Transparent; 
	background:transparent; 
	border: solid 1px black;
}

DIV.simplelistitemcontainer
{
	vertical-align: top;
	display:block;
	overflow:hidden;
	height:15px;
}

DIV.linklistitemcontainer
{
	vertical-align: top;
	display:block;
	overflow:hidden;
	height:15px;
}

DIV.linklistitemcontainer
{
	max-height:15px;
	min-height: 15px;
}

DIV.linklistitemcontainer:hover
{
	background-color: #DBF8F4;
}


DIV.linklistitemcontainerdirectory
{
	display:block;
	overflow:hidden;
	height:15px;
}

DIV.linklistitemcontainerdirectory
{
	max-height:18px;
	min-height: 18px;
}

DIV.linklistitemcontainerdirectory:hover
{
	background-color: #DBF8F4;
}


/****************************************************/
/*************** ALL-CONTENT-PAGES ******************/
/****************************************************/

DIV#defaultrightcontentcontainer DIV#defaultleftcontentcontainer DIV#resultsleftcontentcontainer DIV#resultsrightcontentcontainer
{
    min-height: 100%;
    background-color: Transparent;
    display: block;
}


/****************************************************/
/********************* RESULTS **********************/
/****************************************************/

/* DIV - Contenedor de la parte izquierda */
DIV#resultsrightcontentcontainer {
    float: right;
    width: 750px;
    text-align: left;
}

/* DIV - Contenedor de la parte derecha */
DIV#resultsleftcontentcontainer {
    float: left;
    width: 180px;
    text-align: left;
}

/* DIV - Contenedor de los resultados de búsqueda*/
DIV#resutssearchcontainer
{
	border: solid 1px #0AA3CC;
	min-height: 100%;
	min-width: 500px; 
	text-align:justify;
	padding-left: 10px; 
	padding-right: 20px; 
	padding-bottom: 10px; 
	padding-top: 10px;
	overflow: hidden;
}

/* DIV - Contenedor de los resultados de búsqueda*/
DIV#resultsespecialidadescontainer
{
	border: solid 1px #0AA3CC;
	min-height: 200px;
	min-width: 100%; 
}

DIV#resultsprogesscontainer
{
	z-index:9999; 
	position:relative; 
	top:0px; 
	left:0px; 
	min-height: 100%; 
	min-width:100%; 
	text-align:center; 
	vertical-align:middle; 
	background-color:White;	
}

TD.resultscontentcell, TD.resultslupapluscell{ border-bottom: solid 1px #0AA3CC; vertical-align:middle; }
TD.resultscontentcell { width:100%; max-width:200px; text-align:left; padding-bottom: 5px; }
TD.resultslupapluscell { width:20px; text-align:right; padding-left: 5px; }

TABLE.resultsitem
{
	border-spacing: 0px; 
	border-collapse:collapse; 
	padding:0px; 
	margin: 0px;
}

DIV#resultssearchformcontentcontainer
{
	display:block;	
	min-width:100%; 
	width: 100%;
	vertical-align:top; 
	overflow:hidden;
}

/* DIV - Contenedor de la parte izquierda */
DIV#resultssearchformalignercontainer {
    float: right;
    width: 750px;
}


/****************************************************/
/********************* DEFAULT **********************/
/****************************************************/

/* DIV - Contenedor de la parte izquierda */
DIV#defaultrightcontentcontainer {
    float: right;
    width: 550px;
}

/* DIV - Contenedor de la parte derecha */
DIV#defaultleftcontentcontainer {
    float: left;
    width: 310px;
    text-align: center;
}

DIV#provinciasdirectorylinks
{
	overflow: hidden;
	border: solid 1px #0AA3CC;
	min-width: 500px; 
	text-align:justify;
}

TD.defaultsearchlabelcell
{
	height: 15px;
	width: 90px;	
}

TD.defaultsearchformcell
{
	height: 15px;
	width: 150px;	
}

/****************************************************/
/**************** ESPECIALIDADES ********************/
/****************************************************/

/* DIV - Contenedor de la parte izquierda */
DIV#especialidadesrightcontentcontainer {
    float: right;
    width: 775px;
    text-align: left;
}

/* DIV - Contenedor de la parte derecha */
DIV#especialidadesleftcontentcontainer {
    float: left;
    width: 160px;
    text-align: left;
}

/* DIV - Contenedor de los resultados de búsqueda*/
DIV#especialidadesespecialidadcontainer
{
	min-height: 100%;
	height: 100%;
	min-width: 520px; 
	text-align:justify;
}

/* DIV - Contenedor de los resultados de búsqueda*/
DIV#especialidadeslinksespecialidadescontainer
{
	border: solid 1px #0AA3CC;
	min-height: 200px;
	min-width: 100%; 
}

DIV#especialidadesdirectorylinks
{
	overflow: hidden;
	min-width: 500px; 
	text-align:justify;
}


/****************************************************/
/******************* DIRECTORY **********************/
/****************************************************/


/* DIV - Contenedor de la parte izquierda */
DIV#directoryrightcontentcontainer {
    float: right;
    width: 700px;
    text-align: left;
}

/* DIV - Contenedor de la parte derecha */
DIV#directoryleftcontentcontainer {
    float: left;
    width: 220px;
    text-align: left;
}

DIV#directoryresultscontainer
{
	border: solid 1px #0AA3CC;
    height: 414px;    
	text-align:justify;
}
DIV#directoryresultscontainer
{
	min-height: 414px;
	max-height: 414px;
}

DIV#directoryespecialidadeslinkcontainer
{
	border: solid 1px #0AA3CC;
	min-height: 200px;
	min-width: 100%; 
}


DIV#directoryscrollresultscontainer
{	
	height: 300px;
	max-height:300px;
	min-width: 500px;	
	overflow-y: scroll;
	scrollbar-face-color: #CCCCFF; 
	scrollbar-3dlight-color: #CCCCFF; 
	scrollbar-arrow-color: white; 
	scrollbar-shadow-color: Gray; 
	scrollbar-darkshadow-color: #CCCCFF; 
	scrollbar-highlight-color: white; 
	scrollbar-track-color: white; 
	scrollbar-base-color: white;
}

/****************************************************/
/********************* DETAIL ***********************/
/****************************************************/


/* DIV - Contenedor de la parte izquierda */
DIV#detailrightcontentcontainer {
    float: right;
    width: 700px;
    text-align: left;
}

/* DIV - Contenedor de la parte derecha */
DIV#detailleftcontentcontainer {
    float: left;
    width: 200px;
    text-align: left;
}

DIV#detailinfocontentcontainer
{
	border: solid 1px #0AA3CC;
	padding: 0px; 
	margin:0px;
	text-align:justify;
}

DIV#detailinfocontentcontainer
{
	overflow: hidden;
}

DIV#detailleftmenucontainer
{
	min-height: 200px;
	width: 100%;
}

DIV#detailleftheadermenucontainer
{
	min-height: 100px;
}

TD.detailmenuitem 
{
	font-family: Verdana; 
	font-size: 9pt; 
	color: Black; 
	border-bottom: solid 1px #0AA3CC;
	width: 100%;
	height: 30px;
}

TD.detailmenuitem 
{
	min-width: 100%;
	min-height: 30px;
}

TD.detailmenuitem:hover { background-color: #DBF8F4; }

.panelgooglecontainer
{
	float: right; 
	min-width: 350px; 
	min-height: 350px; 
	max-height: 350px;
	height: 350px; 
	width: 350px;
	border: solid 1px #0AA3CC;	
}

.panelgooglecontainerWeb
{
	min-width: 350px; 
	min-height: 350px; 
	max-height: 350px;
	height: 350px; 
	width: 350px;
}

DIV#slideshowscrollcontainer
{	
	max-height:370px;
	border-bottom: none;
	border-right: none;
	border-top: none;
	overflow-y: scroll;
	overflow-x: none;
	scrollbar-face-color: #CCCCFF; 
	scrollbar-3dlight-color: #CCCCFF; 
	scrollbar-arrow-color: white; 
	scrollbar-shadow-color: Gray; 
	scrollbar-darkshadow-color: #CCCCFF; 
	scrollbar-highlight-color: white; 
	scrollbar-track-color: white; 
	scrollbar-base-color: white;
	border-left: solid 1px #0AA3CC;
}


/****************************************************/
/********************** ALTA ************************/
/****************************************************/

/* DIV - Contenedor de la parte izquierda */
DIV#altarightcontentcontainer {
    float: right;
    width: 700px;
    text-align: left;
}

/* DIV - Contenedor de la parte derecha */
DIV#altaleftcontentcontainer {
    float: left;
    width: 200px;
    text-align: left;
}

DIV#altaresultscontainer
{
	border: solid 1px #0AA3CC;
    height: 414px;    
	text-align:justify;
}

DIV#altaresultscontainer
{
	min-height: 414px;
	max-height: 414px;
}


/*****************************************************/
/*************** JQUERY LIGHT BOX*********************/
/*****************************************************/

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}


#PhotoGallery {
	background-color: #444;
	padding: 10px;
	width: 520px;
}
#PhotoGallery ul { list-style: none; }
#PhotoGallery ul li { display: inline; }
#PhotoGallery ul img {
	border: 5px solid #3e3e3e;
	border-width: 5px 5px 20px;
}
#PhotoGallery ul a:hover img {
	border: 5px solid #fff;
	border-width: 5px 5px 20px;
	color: #fff;
}
#PhotoGallery ul a:hover { color: #fff; }
