/* CSS Document */

body {
padding-top:5px;
	margin-left: 0px;
	margin-top: 7px;
	margin-right: 0px;
	margin-bottom: 7px;
	background-color: #606060;
	font : 9pt Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#borde{
border: 3px solid #cccccc;
text-align: left;
width: 770px;
margin: auto;
}

#contenedor{
text-align: center;
width: 766px;
margin: auto;
background-color : #cccccc;
}

#cabecera{
height : 175px;
width: 766px;
}

#izquierda{
width: 200px;
background-color: #cccccc;
border-bottom : 1px solid #cccccc;
border-left : 1px solid #cccccc;
float:left;
margin:10px 0px 0px 0px;
}

#derecha{
margin:10px 0px 0px 0px;
width: 564px;
background-color: #cccccc;
border-bottom : 1px solid #cccccc;
border-left : 1px solid #cccccc;
float:right;
line-height:17px;
text-align:justify
}

#navabajo{
clear:both;
font-weight : bold;
width:766px;
border:1px dotted #999999;
}

A.enlacenav, A.enlacenav:VISITED, A.enlacenav:ACTIVE, A.enlacenav:FOCUS, A.enlacenav:LINK{
color: #999999;
text-decoration:none;
}
A.enlacenav:HOVER{
color: #666666;
text-decoration:none;
}

A.enlace, A.enlace:VISITED, A.enlace:ACTIVE, A.enlace:FOCUS, A.enlace:LINK{
color: #666666;
text-decoration:none;
font-weight: bold;
}
A.enlace:HOVER{
color: #333333;
text-decoration:none;
font-weight: bold;
}

.titlat{
padding: 6px 5px 7px 10px;
background:url(images/titulos.jpg) no-repeat;
color:#ffffff;
font-size:10pt;
font-weight : bold;
text-align:left;
margin-left: 7px;
line-height: 15px;
}

.lista{
color:#000000;
font-size:10pt;
font-weight : normal;
text-align:center;
margin-left: 7px;
line-height: 18px;
padding-top: 3px;
padding-right: 15px;
}

.parrafo{
padding: 10px 15px 10px 15px;
}

#div{
padding: 5px 10px 5px 10px;
}

#divderecha{
width:340px;
padding: 5px 10px 5px 10px;
float: right;
}
#divizquierda{
width:150px;
padding: 5px 10px 5px 10px;
float:left;
}


.centrar
{
text-align:center;
}
.form_description
{
	border-bottom:1px dotted #ccc;
	clear:both;
	display:inline-block;
	
}

.form_description[class]
{
	display:block;
}

.form_description h2
{
	clear:left;
	font-size:160%;
	font-weight:400;
	margin:0 0 3px;
}

.form_description p
{
	font-size:95%;
	line-height:130%;
	margin:0 0 12px;
}

/** You can use this style for your LABEL elements **/
.formulario{
background-color:#cccccc;
width:560px;
text-align:left;
}

.mylabelstyle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #050000;
	display:block;
	border:none;
}

textarea.textarea
{
	background:#fff url(../../../images/shadow.gif) repeat-x top;
	border-bottom:1px solid #ddd;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	border-top:1px solid #7c7c7c;
	color:#333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	margin:0;
	width:99%;
}

textarea.medium
{
	height:10em;
}

input.text
{
	background:url(images/bg837942510.png) repeat-x #FFFFFF;
	border: 1px solid #666;
	color:#444;
	font-size:100%;
	margin:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

input.text:focus
{
	border: 2px solid #000;
	background: url(images/bg837942510.png) repeat-x #FFFFFF;
	color: #666;
	font-weight:bold;
}

form li
{
	width:305px;
	margin:0;
	padding:2px;
	position:relative;
	list-style:none;
}

form li.highlighted
{
	background-color:#999999;
}

form .guidelines
{
	background:#f5f5f5;
	border:1px solid #e6e6e6;
	color:#444;
	font-size:80%;
	left:100%;
	line-height:130%;
	margin:0 0 0 0px;
	padding:8px 10px 9px;
	position:absolute;
	top:0;
	visibility:hidden;
	width:150px;
	height:22px;
	z-index:1000;
}

form .guidelines small
{
	font-size:105%;
}

form li.highlighted .guidelines
{
	visibility:visible;
}

form li:hover .guidelines
{
	visibility:visible;
}

.no_guidelines .guidelines
{
	display:none !important;
}

.no_guidelines form li
{
	width:97%;
}

.no_guidelines li.section
{
	padding-left:9px;
}

.buttons:after
{
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}

.buttons
{
	clear:both;
	display:block;
	margin-top:10px;
}

input.button_text
{
	overflow:visible;
	padding:0 7px;
	width:auto;
}

.buttons input
{
	font-size:120%;
	margin-right:5px;
}

* html .buttons
{
	height:1%;
}

/**

.myinputstyle {
	border: 1px solid #666;
	background: url(images/bg837942510.png) repeat-x #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #444;
}

/** 
 You can use this style for your INPUT, TEXTAREA, SELECT elements 
 for onmousefocus event

.myinputstyle:focus {
	border: 2px solid #444;
	background: url(images/bg837942510.png) repeat-x #FFFFFF;
	color: #666;
}**/