<style type="text/css">
	
	
body {
		margin:0px 0px 0px 0px;
		}

hr { height: 1px; color: #FFC452; background-color: #FFC452;
  border: none; }

#iframe1{
display:none;
}


.menuh ul, li {
	list-style-type: none;
}

.menuh ul {
	margin: 0;
	padding: 0;
}

.menuh li {
	float: left;
}

.menuh a {
	text-decoration: none;
	display: block;
		
}


#contenedor{
width:600px;
font-family:Verdana,Helvetica;
		font-size:12px;

border: 1px dashed gray;

color: #808080;
text-decoration: none;
margin:5px 0px 0px 0px;
padding:5px;
}

	#ref{
margin:10px 0px 15px 0px;

}


ul.ejemplo3 li { width: 7em; text-align: center;}
ul.ejemplo4 li { width: 7em; text-align: center;}

ul.ejemplo5 li { width: 25em; text-align: left;}
ul.ejemplo6 li { width: 20em; text-align: center;}
ul.ejemplo7 li { width: 4em; text-align: center;}

ul.datosgrupo {text-align: left; margin:0px; padding-bottom:0; padding-left:0px;}
	
input
{
color: #781351;
background: #fee3ad;
border: 1px solid orange;
padding-top:5px;
		padding-right:5px;
		padding-left:5px;
		 padding-bottom:5px;
}


textarea
{
color: #781351;
background: #fee3ad;
border: 1px solid orange;
padding-top:5px;
padding-right:5px;
padding-left:5px;
padding-bottom:5px;
font-size:14px;
}



select
{
color: #781351;
background: #fee3ad;
border: 1px solid orange;
}

.textarea2
{
color: white;
background: orange;
border: 1px solid orange;
padding-top:5px;
padding-right:5px;
padding-left:5px;
padding-bottom:5px;
font-size:14px;
}

#principal {

	margin:0px 125px auto;
width:980px;
	height:205px;


}

	.derecha {
		width:242px;
		float:right;
		margin:20px;
		border-left:1px solid brown;
		border-right:1px solid brown;
		border-bottom:1px solid brown;
		border-top:1px solid brown;
		background:orange;
padding-top:10px;
padding-bottom:20px;
padding-left:10px;
		padding-right:10px;
		}


	.izquierda {
		float:right;
		margin:20px;
		width:550px;
		background:#F8CE7D;
		border-left:0px solid ;
		border-right:0px solid #000;
		border-bottom:0px solid #000;
		border-top:0px solid brown;
		padding-left:10px;
		padding-right:10px;
		padding-top:0px;
		padding-bottom:20px;
		font-family:Verdana,Helvetica;
		font-size:12px;
		color:black;
		}



#datosgrupo {

		float:left;
		width:200px;
		background:#fff;
		padding-top:10px;		
		padding-right:10px;
		padding-left:10px;
                padding-bottom:10px;
		
		background:orange;
		border-bottom:0px solid brown;
		border-top:0px solid brown;
		}


	#rightcontent1 {

		float:left;
		
		background:#fff;
		padding-top:10px;		
		padding-right:10px;
		padding-left:10px;
                padding-bottom:10px;
		width:950px;
		background:orange;
		border-bottom:0px solid brown;
		border-top:0px solid brown;
		}


	#rightcontent {

		float:left;
		
		background:#fff;
		padding-top:10px;		
		padding-right:10px;
		padding-left:10px;
                padding-bottom:10px;
		
		background:orange;
		border-bottom:0px solid brown;
		border-top:0px solid brown;
		}
	
	#rightcontent5 {

		float:left;
		
		background:#fff;
		padding-top:10px;		
		padding-right:10px;
		padding-left:10px;
                padding-bottom:10px;
		width:200px;
		background:orange;
		border-bottom:0px solid brown;
		border-top:0px solid brown;
		}


	#rightcontent2 {
		float:left;
		margin:0px 10px auto 10;
		
		
		
		
		background:orange;
padding-top:10px;
padding-bottom:20px;
padding-left:10px;
		padding-right:10px;
		}

#rightcontent4 {
		float:left;
					
				
		background:orange;
padding-top:10px;
padding-bottom:20px;
padding-left:10px;
		padding-right:10px;
		}

#rightcontent3 {
		position: absolute;
		
		
		left:20%;
		padding-top:10px;
		padding-right:10px;
		padding-left:10px;
		 padding-bottom:10px;
		top:50px;
		border-left:0px solid #000;
		border-right:0px solid #000;
		border-bottom:0px solid #000;
		border-top:0px solid #000;
		background:orange;
		

		}
	


.img1 {

margin: 10px 0px 0px 0px;
border-right:2px solid #FFC452;
border-bottom:2px solid #FFC452;
border-top:2px solid #FFC452;
border-left:2px solid #FFC452;
}

.img1:hover {

margin: 10px 0px 0px 0px;
border-right:2px solid white;
border-bottom:2px solid white;
border-top:2px solid white;
border-left:2px solid white;
}



.smiles{
position: absolute;
z-index: 0;
margin: -0px 0px 0px 20px;

}

.smiles:hover{
background-color: transparent;
z-index: 50;


}

.smiles span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
left: -100px;
border: px dashed gray;
visibility: hidden;
color: #FFFF00;
text-decoration: none;

}

.smiles span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
border-right:1px solid white;
border-bottom:1px solid white;
border-top:1px solid white;
border-left:1px solid white;

}


.smiles span img:hover{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
border-right:1px solid red;
border-bottom:1px solid red;
border-top:1px solid red;
border-left:1px solid red;

}

.smiles:hover span{ /*CSS for enlarged image on hover*/

visibility: visible;
top: 10;
left: 23px; /*position where enlarged image should offset horizontally */
width:100px;

}



	

  .boton{font-family: verdana, arial, sans-serif;
        font-size:10px;
        font-family:Verdana,Helvetica;
        font-weight:bold;
        color:white;
        background:orange;
        border-left:1px solid white;
		border-right:1px solid white;
		border-bottom:1px solid white;
		border-top:1px solid white;
       
	
       }


.boton:hover{font-family: verdana, arial, sans-serif;
        font-size:10px;
        font-family:Verdana,Helvetica;
        font-weight:bold;
        color:brown;
        background:orange;
        border-left:1px solid white;
		border-right:1px solid white;
		border-bottom:1px solid white;
		border-top:1px solid white;
       
	
       }


.boton2
{
 font-family: verdana, arial, sans-serif;
   font-size: 10px;
color: brown;
background: #FFC452;
border: 1px solid brown;
 font-weight: bold;
padding-top:2px;
		padding-right:2px;
		padding-left:2px;
		 padding-bottom:2px;
}


 .boton2:hover 
{
 font-family: verdana, arial, sans-serif;
   font-size: 10px;
color: white;
background: #FFC452;
border: 1px solid brown;
 font-weight: bold;
}


.enlaceboton {    font-family: verdana, arial, sans-serif;
    font-size: 10px;
	font-family:Verdana,Helvetica;
    font-weight: bold;
   padding-top:3px;
		padding-right:3px;
		padding-left:3px;
		 padding-bottom:3px;
    background-color:#FFC452;
    color: brown;
    text-decoration: none;
	border-left:1px solid brown;
		border-right:1px solid brown;
		border-bottom:1px solid brown;
		border-top:1px solid brown;

        height:1px;


}



.enlaceboton:hover {
    font-family: verdana, arial, sans-serif;
    font-size: 10px;
	font-family:Verdana,Helvetica;
    font-weight: bold;
   
    background-color:#FFC452;
    color: white;
    text-decoration: none;
	border-left:1px solid brown;
		border-right:1px solid brown;
		border-bottom:1px solid brown;
		border-top:1px solid brown;
	
        height:1px;
}

.enlaceboton2 {    font-family: verdana, arial, sans-serif;

    font-size: 10px;
	font-family:Verdana,Helvetica;
    font-weight: bold;
   
    background-color:#FFC452;
    color: brown;
    text-decoration: none;
	
		margin:10px;



}

.botonlogout {    font-family: verdana, arial, sans-serif;
    font-size: 10px;
	font-family:Verdana,Helvetica;
    font-weight: bold;
    padding: 4px;
    background-color:orange;
    color: white;
    text-decoration: none;
	border-left:1px solid white;
		border-right:1px solid white;
		border-bottom:1px solid white;
		border-top:1px solid white;
}


.botonlogout:hover {    font-family: verdana, arial, sans-serif;
    font-size: 10px;
	font-family:Verdana,Helvetica;
    font-weight: bold;
    padding: 4px;
    background-color:orange;
    color: red;
    text-decoration: none;
	border-left:1px solid white;
		border-right:1px solid white;
		border-bottom:1px solid white;
		border-top:1px solid white;
}




.enlaceboton4 {    font-family: verdana, arial, sans-serif;
    font-size: 13px;
	font-family:Verdana,Helvetica;

      background-color:orange;
    color: white;
    text-decoration: none;
	border-left:0px solid brown;
		border-right:0px solid brown;
		border-bottom:0px solid brown;
		border-top:0px solid brown;
}




.enlaceboton2:hover {    font-family: verdana, arial, sans-serif;
    font-size: 10px;
	font-family:Verdana,Helvetica;
    font-weight: bold;
   
    background-color:#FFC452;
    color: white;
    text-decoration: none;
	
		



}



.enlaceboton11 {    font-family: verdana, arial, sans-serif;
    font-size: 12px;
	font-family:Verdana,Helvetica;
     
    color: black;
    text-decoration: none;
	
}


pre {
		font-family:Verdana,Helvetica;
		font-size:12px;
		margin:0px 0px 0px 0px;
		color: white;
		}
.pre1 {
		font-family:Verdana,Helvetica;
		font-size:12px;
		margin:0px 0px 0px 0px;
		color: white;
		}

.pre2 {
		font-family:Verdana,Helvetica;
		font-size:14px;
		margin:0px 0px 0px 0px;
		color: brown;
		}


.pre3 {
		font-family:Verdana,Helvetica;
		font-size:12px;
		margin:0px 0px 0px 0px;
		color: white;
		padding-left:4px;
}

.pre4 {
		font-family:Verdana,Helvetica;
		font-size:12px;
		margin:0px 0px 0px 0px;
		color: #808080;
		padding-left:0px;
		}


.pre5 {
		font-family:Verdana,Helvetica;
		font-size:12px;
		margin:0px 0px 0px 0px;
		color: brown;
		
		
		}



.pre6 {
		font-family:Verdana,Helvetica;
		font-size:10px;
		margin:0px 0px 0px 0px;
		color: #808080;
		}

.pre7 {
		font-family:Verdana,Helvetica;
		font-size:12px;
		margin:0px 0px 0px 0px;
		color: brown;
		}

.pre8 {
		font-family:Verdana,Helvetica;
		font-size:12px;
		margin:0px 0px 0px 0px;
		color: brown;
		
		}

.pre8:hover {
		font-family:Verdana,Helvetica;
		font-size:12px;
		margin:0px 0px 0px 0px;
		color: white;

		}


.pre11 {
		font-family:Verdana,Helvetica;
		font-size:12px;
		margin:0px 0px 0px 0px;
		color: #808080;
		padding-left:4px;
		}

.pre11:hover {
		font-family:Verdana,Helvetica;
		font-size:12px;
		margin:0px 0px 0px 0px;
		color: #808080;
padding-left:4px;
		}



.pre9 {
		font-family:Verdana,Helvetica;
		font-size:12px;
		text-decoration:none;
		color: white;
		
		}

.pre9:hover {
		font-family:Verdana,Helvetica;
		font-size:12px;
		
		color: brown;
		}
.pre10 {
		font-family:Verdana,Helvetica;
		font-size:10px;
		margin:0px 0px 0px 0px;
		color: #808080;
		}


.pre12 {
		font-family:Verdana,Helvetica;
		font-size:12px;
		text-decoration:none;
		font-weight: bold;
		color: white;
		
		}

.pre12:hover {
		font-family:Verdana,Helvetica;
		font-size:12px;
		font-weight: bold;
		color: brown;
		}




a.paginator:link{
font-size: 10px;
	font-family:Verdana,Helvetica;
    font-weight: bold;
   padding-top:3px;
		padding-right:3px;
		padding-left:3px;
		 padding-bottom:3px;
    background-color:#FFC452;
    color: brown;
    text-decoration: none;
	border-left:1px solid brown;
		border-right:1px solid brown;
		border-bottom:1px solid brown;
		border-top:1px solid brown;
 height:1px;
}

a.paginator:visited{
font-size: 10px;
	font-family:Verdana,Helvetica;
    font-weight: bold;
   padding-top:3px;
		padding-right:3px;
		padding-left:3px;
		 padding-bottom:3px;
    background-color:#FFC452;
    color: brown;
    text-decoration: none;
	border-left:1px solid brown;
		border-right:1px solid brown;
		border-bottom:1px solid brown;
		border-top:1px solid brown;
 height:1px;
}

a.paginator:hover{

  font-size: 10px;
	font-family:Verdana,Helvetica;
    font-weight: bold;
   padding-top:3px;
		padding-right:3px;
		padding-left:3px;
		 padding-bottom:3px;
    background-color:orange;
    color: white;
    text-decoration: none;
	border-left:1px solid brown;
		border-right:1px solid brown;
		border-bottom:1px solid brown;
		border-top:1px solid brown;
 height:1px;
}


.ref{
position: relative;
z-index: 0;
text-decoration: none;
font-family:Verdana,Helvetica;
font-size:12px;
}

.ref:hover{
background-color: transparent;
z-index: 50;
}

.ref span{ /*CSS for enlarged image*/
position: absolute;
background-color: #fee3ad;
font-family:Verdana,Helvetica;
		font-size:12px;
left: -100px;
border: 1px dashed gray;
visibility: hidden;
color: #808080;
text-decoration: none;
padding: 4px;
width:450px;
}

.ref span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;

}

.ref:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 10;
left: 23px; /*position where enlarged image should offset horizontally */

}


.interfazpestanas{
  
margin-top:5px;

}

.pestanas{
  
}
.pestanas ul{
   margin:0px;
   padding:0px;
   list-style: none;
}
.pestanas li{
   float:left;
   margin:0px 6px 0px 0px;
   padding:4px 6px 4px 6px;
   background-color: #FFC65E;
   color: #eeeeee;
   font-size:8pt;
}


.pestanas li:hover{
   float:left;
   margin:0px 6px 0px 0px;
   padding:4px 6px 4px 6px;
   background-color: #FFAF1E;
   color: #eeeeee;
   font-size:8pt;
}



li.pestanaseleccionada{
   background-color: #FFAF1E;
   color: #ffffff;
   font-weight: bold;
}
.cuerpopestanas{
   background-color: #FFAF1E;
   color: ffffff;
   clear:both;   
   margin:0px;
   padding:1px;

	margin-bottom:5px;
   
   overflow: auto;
} 





</style>
