/* 
    Document   : contacto
    Created on : 14/05/2010, 11:47:25 AM
    Author     : dhincapie
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

.centrador_formularios
{
    width: 524px;
}

.centrador_formularios .contacto_middle
{
    float: left;
    position: relative;
    width: 524px;
    min-height: 857px;
    height: auto !important;
    height: 857px;
    background: url(contacto_middle.png) repeat-y;
}

.centrador_formularios .contacto_middle .contacto_top
{
    float: left;
    position: relative;
    width: 524px;
    min-height: 857px;
    height: auto !important;
    height: 857px;
    background: url(contacto_top.png) no-repeat scroll left top;
}

.centrador_formularios .contacto_middle .contacto_top .contacto_bottom
{
    float: left;
    position: relative;
    width: 442px;
    min-height: 717px;
    height: auto !important;
    height: 717px;
    background: url(contacto_bottom.png) no-repeat scroll left bottom;
    padding: 140px 41px 35px 41px;
}

.centrador_formularios #formulario_registro li
{
    float: left;
    width: 100%;
	*width: 96%;
}

.centrador_formularios .contacto_middle .contacto_top .contacto_bottom form ol li
{
    border-bottom: 1px solid #CCCCCC;
    min-height: 30px;
    height: auto !important;
    height: 30px;
}

.centrador_formularios .contacto_middle .contacto_top .contacto_bottom form ol li label
{
    width: 215px;
    text-align: left;
    font-size: 15px;
    color: #FE8306;
}

.centrador_formularios .contacto_middle .contacto_top .contacto_bottom form ol li label span
{
    width: 39px;
    height: 39px;
    background: url(em.png) no-repeat scroll left top;
    float: left;
    position: relative;
    margin: -10px 0px 0px -62px;
}

.centrador_formularios .contacto_middle .contacto_top .contacto_bottom form ol li select
{
    width: 135px;
}

#pagina .centrador_formularios .contacto_middle .contacto_top .contacto_bottom  form fieldset ol li .f_input
{
    background: url(text_field_contacto.png) no-repeat center center;
	position:relative;
	float:left;
	min-height: 24px;
	height: auto !important;
	height: 24px;
	width: 171px;	
}

#pagina .centrador_formularios .contacto_middle .contacto_top .contacto_bottom  form fieldset ol li .input_text
{
    width: 149px;
    padding: 0px 8px;
    height: 22px;
    /*background: url(text_field_contacto.png) no-repeat scroll right top;*/
	background:none;
}

#pagina .centrador_formularios .contacto_middle .contacto_top .contacto_bottom  form fieldset ol li .f_textarea
{
    width: 400px;
    height: 140px;
    background: url(textarea.png) no-repeat center center;
	/*margin-left:180px;*/
	float:left;
}

#pagina .centrador_formularios .contacto_middle .contacto_top .contacto_bottom  form fieldset ol li textarea
{
    width: 400px;
	*width: 396px;
    height: 140px;
    /*background: url(textarea.png) no-repeat scroll left top;*/
    border: none;
	background:none;
	overflow:auto;
	padding:2px 3px 2px 10px;
}

#pagina #cuerpo_admin .centrador_formularios .contacto_middle .contacto_top .contacto_bottom  form  p
{
    font-size: 11px;
    color: #999999;
    text-align: center;
    margin-top: 20px;
}

.centrador_formularios .contacto_middle .contacto_top .contacto_bottom form .footer .input_button, .centrador_formularios .form_middle .form_top .form_bottom .footer .input_button, .centrador_formularios .form_middle .form_top .form_bottom .footer .input_submit
{
    width: 100px;
    height: 42px;
    background: url(boton.png) no-repeat scroll left top;
    border: none;
    color: #FFFFFF;
    font-weight: bolder;
    font-size: 16px;
	cursor:pointer;	
}

.centrador_formularios .contacto_middle .contacto_top .contacto_bottom form .footer
{
    text-align: center;
}

.centrador_formularios .contacto_middle .contacto_top .contacto_bottom #datos_empresa
{
    margin-left: -20px;
}

#salir
{
    width: 113px;
    height: 24px;
    float: left;
    position: relative;
    background: url(salir.png) no-repeat scroll left top;
	margin-right:6px;
}
#miperfil
{
    width: 113px;
    height: 24px;
    float: left;
    position: relative;
    background: url(perfil.png) no-repeat scroll left top;
}
.error
{
	color: #D40000;
	font-weight: bolder;
	text-align: center;
    position: relative;
    clear: both;
	padding-bottom:20px;
	float:none;
}