html, body{
height: 100%;
}

Body{
background-color: white;
font-family: "Arial",sans-serif ;
font-size:12px;
line-height:1.3;
color: #707070;
}

#envoltorio{
position:relative;
width:  994px;
margin:	0pt auto;
min-height:100%;
height: auto !important;
height:100%;

}

#envoltorio a:link, a:visited {
	text-decoration: none;
	color: #707070;
}

#envoltorio a:hover{ 
color:#f17026 

}

.derecha{
	float: right;
	text-align: right;
}
.izquierda{
	float: left;
	text-align: left;	
}

#cabecera{
min-height: 139px;
}
#cabeceraIzq{
position: absolute;
}
#cabeceraCen{
position:absolute;
left:193px;
}
#cabeceraDer{
position:absolute;
left:836px;
}
#menucabecera{
position:absolute;
display:block;
left:864px;
text-transform: uppercase;
font-size: 8px;
top:5px;
z-index:10;
overflow:hidden;
}
iframe{
	position:absolute;
	top:5px;
	left:853px;
	display:none;
	width:110px;
	height: 15px;	
	z-index : 5;
}

#cabeceraAIZ{
width: 838px;
float: left;
min-height: 22px;
}
#cabeceraADer{
float: right;
width: 155px;
background-color: white;
min-height: 22px;

}
#cabeceraADerDer{
float: right;
width: 32px;
min-height: 22px;

}

#cabeceraADerIzq{
float: left;
width:120px;
text-transform: uppercase;
font-size: 8px;
}

#cabeceraAbajo{
min-height: 116px;

}

#cuerpo{

	position: relative;
	width: 100%;
	padding-top: 2px;
	top: 44px;
	min-height:435px;
	padding-bottom: 20px;
	/*min-height: 500px;*/
	
	
	
}
#raya{
width: 100%;
padding-top: 2px;

}

#postitulocabecera{
	position: relative;
	width: 100%;
	padding-top: 20px;
	
}

#titulocabeceraDer{
	position: relative;
	width: 800px;
	top: 20px;
	left: 178px;
}

.sobretitulocabecera{
	font: 20px  "Arial" , sans-serif;
	color: #707070;
}
.titulocabecera{
	font: 25px  "Arial" , sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	color:#f17026;	
}

#cuerpoIzq{
position: absolute;
text-align: right;
top:52px;
}

#cuerpoDer{
position: absolute;
top: 0px;
right:0px;
width: 795px;
min-height: 170px;
}

.tabuladoIzq{
 display:block;
position:relative;
right:50px;
}


#cuerpoIzq ul {
	/*list-style-image: url("http://localhost/dentalcorona/imagenes/circulo_grisp.jpg");*/
	list-style-type: none;
	font-size:11px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-top: -10px;
}

#cuerpoIzq li {
	line-height:3;
	padding-bottom:3px;
	
}

#cuerpoIzq a:link, a:visited {
	text-decoration: none;
	color: #707070;
}

#cuerpoIzq a:hover {
	color: #f17026;
	
}
#cuerpoIzqImagenes{
	padding-top: 10px;

}

#cuerpoIzqImagenes ul{
	margin-top:10px;
	margin-bottom:-15px;
	
	
}
#cuerpoIzqImagenes li{
	line-height: 4;
}


#cuerpoDerIzq{
	position: relative;
	width: 537px;
	min-height: 310px;
	left: 178px;
	
}
#cuerpoDerDer{
	position: absolute;
	top: -87px;
	right: 0px;
	text-align: center;
	width: 230px;
	min-height: 200px;
	
}

#alfaroportada{
	position: absolute;
	top:90px;
}
.comentario{
	padding-left: 15%;
	padding-right: 15%;
	padding-top: 20px;
	font-size: 11px;	
	color: #aaa;
	
}


#area{
	width: 100%;
	color: #f17026;
	font-size: 10px;
}

.titulo{
	text-transform: uppercase;
	color: #f17026;
	
	font-weight: bold;
	font-size: 15px;
	padding-bottom: 6px;
	
}

.titulo3{
	text-transform: uppercase;
}
.izq{
	float:left;
	margin-left:15px;
	padding-top:5px;
}
.der{
	float:right;
	margin-right:15px;
	padding-top:5px;
}

#info{
	height:100%;
	padding-top: 28px;
	text-align: justify;
		
}
.curriculo{
	line-height: 2;
}


#piepagina{
	position: relative;
	height: 50px;
	/*bottom:0 !important;
	bottom: 0px;*/
	width: 100%;
	top:30px;
}

#sobrepieIzq{
	width: 193px;
	position: absolute;
	text-align: left;
	/*left: 130px;*/
	/*top: 70px;*/
	top: -15px;
	
	
}
#sobrepieDer{
	position:absolute;
	width: 800px;	
}

#pie{
	position: relative;
	left: 194px;
	width: 800px;
	font-size: 11px;
	color: #707070;
	margin-top: 10px;	
	
}
.naranja{
	color: #f17026;
}
.normal{
	color: #707070;
}
.mayusculas{
	text-transform: uppercase;
	
}
#info ul{
	list-style-type: disc;
	padding-left:15px;
}
#info ul li{
	padding-bottom: 10px;
}

#contacto{
	height:308px;
}
#contacto p{
	position:relative;
	width:170px;
	top:-220px;
	left:25px;
	
}
#contacto img{
	position:relative;
	top:8px;
	left:140px;
}
.sombreado{
	color:#ccc;
}
#bannerder{
	position:relative;
	background: url("../imagenes/recuadro.jpg") no-repeat;
	min-height:122px;
	left:20px;
	top:400px;
	width:194px;
}
#bannertext{
	position:relative;
	top:15px;
	text-transform: uppercase;
	color: #f17026;
	font-weight: bold;		
}
#bannerslide{
	position:relative;
	top:15px;
	
}

#bannerder2{
	position:relative;
//	background: url("../imagenes/recuadro.jpg") no-repeat;
	min-height:122px;
	left:20px;
	top:325px;
	width:194px;
}
#bannertext2{
	position:relative;
	top:15px;
	text-transform: uppercase;
	color: #f17026;
	font-weight: bold;		
}
#bannerslide2{
	position:relative;
	top:15px;
	
}

#welc{
	position:relative;
	top:110px;
	
}


/*
menu
*/
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/skeleton_left.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#nav, 
#nav ul {float:left; padding:0 0 5px 0; margin:0; list-style:none; font: 10px verdana, sans-serif;  background:#fff; position:relative; z-index:200;}

#nav li li {background:#fff;
min-width:100px;
}
/* a hack for IE5.x and IE6 */
* html #nav li {float:left;}

#nav li a {display:block; margin:0 4px 0 4px; height:25px; line-height:20px; text-decoration:none; white-space:nowrap;

}

#nav li:hover {position:relative; z-index:300;}

#nav ul {position:absolute; left:-9999px; top:-9999px;}
/* yet another hack for IE5.x and IE6 */
* html #nav, * html nav ul {width:1px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover > ul {left:0px; margin-left:100%; top:-1px;

}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#nav li:hover > a {text-decoration:none; color:#f17026;}


/* but IE5.x and IE6 need this lot to style the flyouts and path followed */
/* show next level */
#nav li:hover ul,
#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:0px; margin-left:100%; top:-1px;}

/* keep further levels hidden */
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}

/* show path followed */
#nav li:hover a,
#nav li:hover li:hover a,
#nav li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover li:hover li:hover a
{text-decoration:none; color:#f17026;
background-color: #FCF3ED;
}

/* hide futher possible paths */
#nav li:hover li a,
#nav li:hover li:hover li a,
#nav li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li:hover li a
{text-decoration:none; color:#888;}


/*
	GLOSYMENU
*/
.glossymenu{
width: 170px; /*width of menu*/
}

.glossymenu a.menuitem{
/*background: url(<?php echo $this->webroot;?>/imagenes/fpgris.jpg) no-repeat;*/
font: 11px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #707070;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 0 0 16px 10px;
text-decoration: none;
margin-bottom:6px;

}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{

}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 0px;
right: 21px;
border: none;
}

.glossymenu a.menuitem:hover{
/*background-image: url(<?php echo $this->webroot;?>/imagenes/fpcol.jpg);*/

}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background-color: #FCF3ED;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
margin-left:10px;
padding: 0;
}

.glossymenu div.submenu ul li{

}

.glossymenu div.submenu ul li a{
display: block;
font: normal 10px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #707070;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
color: #f17026;
}

.submenu{
	width:150px;
}
#contador{
  position:absolute;
  top: -4px;
  left: 759px;
}