html{
            width: 100%;
            height: 100%;
            background-color: #ccc;
        }
        
        body {
    margin: 0;
    padding: 0;
    line-height: 1.3em;
    font-family: Helvetica, Arial, Tahoma, sans-serif;
    font-size: small;

}
   
opacityit img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
-moz-opacity: 0.4;
}

.opacityit:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}
   
        
        #principal{
	padding: 2px;
	background-color: #fff;
	color: #333;
	border: 1px solid #B7DDF2;
	/*            width: 80%;
*/            height: 100%;
	min-width:800px;
	width:900px;
	overflow:hidden;
	height:auto;
	margin-top: 2px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;/*            position:absolute;        
*/
}    
        #contenido{
    float:left;
    background-color: #FFFFFF;
    color: #333;
    margin-left:2px;
    height: auto;
    width: 613px;
        }    
        #contenido1{
    float:left;
   background-color: #FFFFFF;
    color: #333;
    margin-left:2px;
    height: auto;
    width: 615px;
    border-right-width: 2px;
    border-right-style: solid;
    border-right-color: #B7DDF2;
        }                        
        #contenido2{
    float:left;
    /*        padding: 40px 5px;
*/            background-color: #FFFFFF;
    color: #333;
    margin-left:3px;
    /*            height: 80%;    
*/            height: auto;
    width: 276px;
        }
/*        #pie{
            float:left;
            background-color: #fff;
            color: #333;            
            height: 25px;    
            width: 100%;                
            background:#E8EEF0;
        }
*/    




	
#pie{
	text-align: center;
	font-size: 11px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #B7DDF2;
	background-color: #ebf4fb;
	width: 904px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	border-right-width: 1px;
	border-bottom-width: 2px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #B7DDF2;
	border-bottom-color: #B7DDF2;
	border-left-color: #B7DDF2;
}
        
  #centrar{
  	float:left;
	text-align: center;
	font-size: 11px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #B7DDF2;
	background-color: #ebf4fb;
	width: 610px;
	margin-right: auto;
	margin-left: auto;

}      
        
        div.div1{
            float:left;
            border: 1px solid #0f0;
        }

        div.div2 {
            float:left;
            margin-left: 3em;
            margin-top: 6em;
            border: 1px solid #00f;
        }
        
        buscar {
	float:left;
	margin-left: -2px;
	margin-top: 6em;
	border: 1px solid #00f;
	width: 100%;
	background-color: #b7ddf2;
        }    
        
        nav {
    float:left;
    border: 1px solid #00f;
    width: 590px;
        }            
.contenedorfoto {
    float:left;
    width:220px;
    height:200px;
    padding-left:8px;
    background-color:#f5f7f9;
    border-right: #a5a7aa solid 1px;
    border-bottom: #a5a7aa solid 1px;
    text-align:left;
    margin-top: 15px;
    margin-right: 13px;
    margin-bottom: 15px;
    margin-left: 25px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-family: Arial;
    color: #000000;
    font-size: 0.135in;
} 

.contenedorfoto img{
margin:auto;
}

.contenedorfoto p{
    padding-left:25px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #333333;
}

.contenedorfoto_ver {

    float:left;
    width:182px;
    height:150px;
    padding-left:8px;
    background-color:#f5f7f9;
    border-right: #a5a7aa solid 1px;
    border-bottom: #a5a7aa solid 1px;
    text-align:left;
    margin-top: 15px;
    margin-right: 10px;
    margin-bottom: 15px;
    margin-left: 20px;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    font-family: Arial;
    color: #000000;
    font-size: 0.135in;

}

.contenedorfoto_ver img{
margin:auto;
padding-right:23;
}


h1{

filter:shadow(color:#660fff, direction:270, enabled=0, strength=10);

color:#00e0cc;

width:100%;

height:25px;

font:24px Monotype Corsiva;

text-align:center;

}



h2{
	filter:Glow(Color=#000000, Strength=1);
	width:100%;
	height:25px;
	text-align:center;
	font-family: Monotype;
	font-size: 24px;
	font-weight: bold;
}



h3{
	Filter: Mask(color=#2698D5) Shadow(Color=#2698D5, Direction=225) Chroma(color=#2698D5);
	width:100%;
	height:25px;
	font:24px Monotype;
	text-align:center;
	margin-bottom: 5px;
}







h4{

	Filter: Mask(color=#FF0000) Shadow(Color=#FF0000, Direction=225) Chroma(color=#FF0000);

	width:100%;

	height:25px;

	text-align:center;

	font-family: Monotype;

	font-size: 15px;

	font-weight: bold;

}



h5{

	Filter: Mask(color=#FF0000) Shadow(Color=#FF0000, Direction=225) Chroma(color=#FF0000);

	width:60%;

	height:25px;

	text-align:center;

	font-family: Monotype;

	font-size: 20px;

}

h6{
/*	Filter: Mask(color=#FFFFFF) Shadow(Color=#FFFFFF, Direction=225) Chroma(color=#FFFFFF);
*/	width:300px;
	height:25px;
	font:1.7em Monotype;
	text-align:center;
	margin-top:5px;
	margin-bottom: 2px;

}
            
/* ----------- My Form ----------- */
.myform{
    width:612px;
    padding:5px;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
}


.myform .submit input {
    color:#000066;
    margin-left:4.5em;
    border:2px #d7b9c9 outset;
    background-color: #B7DDF2;
    margin-right: 4.5em;
    font-weight: bold;
}
    /* ----------- basic ----------- */
    #basic{
        border:solid 2px #DEDEDE;
    }
    #basic h1 {
        font-size:14px;
        font-weight:bold;
        margin-bottom:8px;
    }
    #basic p{
    font-size:11px;
    color:#333333;
    margin-bottom:20px;
    border-bottom:solid 1px #dedede;
    padding-bottom:10px;
    }
    #basic label{
        display:block;
        font-weight:bold;
        text-align:right;
        width:140px;
        float:left;
    }
    #basic .small{
        color:#666666;
        display:block;
        font-size:11px;
        font-weight:normal;
        text-align:right;
        width:140px;
    }
    #basic input{
        float:left;
        width:200px;
        margin:2px 0 30px 10px;
    }
    #basic button{ 
        clear:both;
        margin-left:150px;
        background:#888888;
        color:#FFFFFF;
        border:solid 1px #666666;
        font-size:11px;
        font-weight:bold;
        padding:4px 6px;
    }


    /* ----------- stylized ----------- */
    #stylized_ini{
	background:#ffffff;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #B7DDF2;
	width: 610px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	height: 130px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #B7DDF2;

    }	
	
    #stylized{
	background:#ebf4fb;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #B7DDF2;
	width: 609px;
	margin: 2px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 2px;
	height: 70px;
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #B7DDF2;
	border-left-color: #B7DDF2;
    }
    #stylized h1 {
        font-size:14px;
        font-weight:bold;
        margin-bottom:8px;
    }
    #stylized p{
    font-size:11px;
    color:#333333;
    margin-bottom:20px;
    border-bottom:solid 1px #b7ddf2;
    padding-bottom:10px;
    }
    #stylized label{
        display:block;
        font-weight:bold;
        text-align:right;
        width:140px;
        float:left;
    }
    #stylized .small{
        color:#666666;
        display:block;
        font-size:11px;
        font-weight:normal;
        text-align:right;
        width:140px;
    }
    #stylized input{
        float:left;
        font-size:12px;
        padding:4px 2px;
        border:solid 1px #aacfe4;
        width:200px;
        margin:2px 0 20px 10px;
    }
    #stylized button{ 
        clear:both;
        margin-left:150px;
        width:125px;
        height:31px;
        background:#666666 url(img/button.png) no-repeat;
        text-align:center;
        line-height:31px;
        color:#FFFFFF;
        font-size:11px;
        font-weight:bold;
    }
    
 #navegacion_pie_sig {

	text-align:left;

    float:left;

	width:200px;

	height:20px;

	z-index:1;

	font-weight: bold;

	color: #FF0000;

	

}



#navegacion_pie_sig span {

	color: #FFFFFF;

}



#navegacion_pie_ant {

     text-align:right;

	float:left;

	width:300px;

	height:20px;

	z-index:1;

	font-weight: bold;	

	color: #FF0000;


}


#navegacion_centro {
	float:left;
	width:10px;
	height:20px;
	margin-left:5px;
	z-index:1;
	font-weight: bold;
	color: #FFB600;

}   
    
.tabla {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align: right;
width: 600px;

}
.tabla th {
	padding: 5px;
	font-size: 16px;
	background-color: #83aec0;
	background-image: url(../images/fondo_th.png);
	background-repeat: repeat-x;
	color: #FFFFFF;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #558FA6;
	border-bottom-color: #558FA6;
	font-family: “Trebuchet MS”, Arial;
	text-transform: uppercase;
}

.tabla .modo1 {
	font-size: 12px;
	font-weight:bold;
	background-color: #e2ebef;
	background-image: url(../images/fondo_tr01.png);
	background-repeat: repeat-x;
	color: #34484E;
	font-family: “Trebuchet MS”, Arial;
}
.tabla .modo1 td {
padding: 5px;
border-right-width: 1px;
border-bottom-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-right-color: #A4C4D0;
border-bottom-color: #A4C4D0;
text-align:right;
} 


.text_6 {
	font-family: "Georgia", "Times New Roman", Times, serif;
	float:left;
	width:610px;
	height:14px;
	text-align:center;
	padding: 1px;
	margin-top: 1px;
	margin-right: 1px;
	margin-bottom: 1px;
	margin-left: 1px;
	font-size: 15px;
}
	







.text_7 {
	float:left;
	font-family: "Georgia", Times New Roman, Times, serif;
	width:370px;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-align:left;
	padding-left: 1px;
	margin-left: 10px;
	margin-top: 1px;
	margin-bottom: 1px;

}


.text_8 {
	float:left;
	Filter: Mask(color=#FF0000) Shadow(Color=#FF0000, Direction=225) Chroma(color=#FF0000);
	width:380px;
	height:25px;
	font:24px Monotype;
	text-align:center;
	margin: 1px;
	padding: 1px;

}

.titulo_detallar {
	float:center;
	Filter: Mask(color=#FF0000) Shadow(Color=#FF0000, Direction=225) Chroma(color=#FF0000);
	width:auto;
	height:25px;
	font:24px Monotype;
	text-align:center;
	margin: 1px;
	padding: 1px;

}

/* ---- class -----*/
.clear {
    clear: both;
}

.no_disponible {
	width:300px;
	line-height: 19px;
	font-weight: bold;
	color: #C10000;	
	}
	
.disponible {
	width:300px;
	line-height: 19px;
	font-weight: bold;
	color: #090;
	}	
	
.titulo_consulta_todos {
	background-color:ddeeff;
	margin-left:200px;
	color:#3194C4;
	font-weight:bold;
	font-size:14pt;
	font-family: "Trebuchet MS", Arial;
}	

.text_consulta_todos {
	font-family: "Georgia", "Times New Roman", Times, serif;
	float:left;
	width:610px;
	height:14px;
	text-align:left;
	padding: 1px;
	margin-top: 1px;
	margin-right: 1px;
	margin-bottom: 1px;
	margin-left: 1px;
	font-size: 15px;
}