/* CSS Document */
/* CSS Document */
.contenedor_total {
    margin-left: auto;
    margin-right: auto;
	
    width: 1120px;
	background: url("./images/bkgd_content_mid2.png") repeat-y scroll 50% 0 transparent;
	_background: #FFFFFF;
}
.partearriba{
	margin-left: auto;
    margin-right: auto;
    width: 1120px;
	height:20px;	
	background: url('./images/bkgd_content_top9.png') no-repeat scroll top left transparent;
	_background:none;
}
.parteabajo{
	margin-left: auto;
    margin-right: auto;
    width: 1120px;
	height:70px;	
	background: url('./images/bkgd_content_top92.png') no-repeat transparent;
	_background: #FFFFFF;
	background-position:left bottom;	
}

.piepagina{
width:1000px;
 border-top: 1px solid #CCCCCC;
 padding-top:10px;
 margin:auto;
 text-align:center;
 color:#999999;
 font-size:12px;
}
.cabecera{
width:1060px;
margin:auto;
background: url("./images/shadow_light.png") no-repeat scroll 50% 190px transparent;
_background: #FFFFFF;

}
.subcabecera{
width:1024px;
margin:auto;
}
.content_menu{
margin:auto;
width:1048px;
clear:both;
height:50px;
margin-bottom:10px;
background: url("./images/shadow_light.png") no-repeat scroll 60% 26px transparent;
_background: #FFFFFF;}
.izquierda{

width:160px;
padding:5px 5px 20px 5px;
float:left;
}
.derecha{

width:140px;
padding:5px 0px 20px 5px;
float:right;

}
.content{
width:720px;
float:left;
padding-bottom:40px;
}

#contenido{
padding:0px;
width:1060px;
margin:auto;
color:#333333;
}

.bannerder{
width:135px;
cursor:pointer;
margin-bottom:10px;
}
.bannerder img{
max-width:132px;
margin-bottom:10px;
}
.paddingsmall{
padding: 5px;
}

.paddingmedium{
padding: 10px;
}


.paddingbig{
padding: 20px;
}

.requerido{
background: #FFF0F0 !important; 
background-color:#FFF0F0 !important; 
}


h1#L2, h1#L3 {
    border-bottom: 1px solid #CCCCCC;
    color: #BE342C;
    padding-bottom: 6px;
	font-size:16px;
	margin-top:5px;
}

h2#L2, h2#L3 {
    border-bottom: 1px solid #CCCCCC;
    color: #BE342C;
    padding-bottom: 6px;
	font-size:13px;
	margin-top:5px;
}

.contenido_texto{
padding: 4px 4px 4px 10px;
}


	
.selectable .ui-selecting { background: #FF0000; }
.selectable .ui-selected { background: #BE342C; color: white; }
.selectable { list-style-type: none; margin: 0; padding: 0px 0px 0px 10px;}
.selectable { margin: 3px; padding: 0.4em; font-size: 0.9em; height: 25px; background:#F5F5F5; color:#59160D; cursor:pointer}

.smallIcons{
width:20px;
vertical-align:middle;
margin-right:5px;
}
.clear {
    clear: both;
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
}

.texto{
color: #555555;
    font-family: Verdana,Geneva,sans-serif,Arial,Helvetica,Sans-Serif;
    
    line-height: 1.5em;
}
.clearfix:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
}
* html .clearfix, *:first-child + html .clearfix {
}

body{
background: url("./images/grey_gradient_bg.jpg") repeat-x scroll 0 0 #FFFFFF;
/* background:url("./images/fondogris.jpg") repeat-x scroll left top #b4b4b4;*/
 color: #555555;
    font-family: Verdana,Geneva,sans-serif,Arial,Helvetica,Sans-Serif;
    
    line-height: 1.5em;
	 }
	 
.cuadro_inscripcion{
width: 219px;
cursor:pointer;
margin: 15px 3px 2px 3px;
border: 1px solid #BE342C;
padding: 5px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
float:left;
height:220px;
font-size:13px;
background-color:#FCFCFC;
}
.cuadro_inscripcion a, .cuadro_resultado a,.cuadro_documento a,.cuadro_galeria a{
text-decoration:none !important;
color:#555555;
}

.cuadro_galeria{
width: 219px;
cursor:pointer;
margin: 15px 3px 2px 3px;
border: 1px solid #BE342C;
padding: 5px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
float:left;
height:180px;
font-size:13px;
background-color:#FCFCFC;
text-align:center;

}

.cuadro_resultado{
width: 219px;
cursor:pointer;
margin: 15px 3px 2px 3px;
border: 1px solid #BE342C;
padding: 5px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
float:left;
height:120px;
font-size:13px;
background-color:#FAB2A8;
}
.cuadro_documento{
width: 98%;
cursor:pointer;
margin: 15px 3px 2px 3px;
border: 1px solid #BE342C;
padding: 5px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
float:left;
height:20px;
font-size:13px;
background-color:#FAB2A8;
}

.cuadro_inscripcion input{
clear:both !important;
display: block !important;
margin:auto;
}
.cuadro_documento h1{
font-size: 12px !important;
color: #BE342C;
margin-bottom: 5px !important;
}
.cuadro_inscripcion  h1,.cuadro_resultado h1,.cuadro_galeria h1{
font-size: 14px;
color: #BE342C;
margin-bottom: 5px !important;
}
.cuadro_inscripcion h2, .cuadro_resultado h2 {
font-size: 12px;
color: #F54029;
margin-bottom: 1px !important;
}
.cuadro_inscripcion img{
float:left;
width:42%;
margin: 2px 5px 5px 2px;
max-height: 40%;
}

.cuadro_galeria img{
margin:auto;
width:95%;
max-height:140px;
}

.detalle_carrera{
padding:0px 3px;
}
.detalle_carrera h1#cabecera{
font-size: 26px !important;
 border-bottom: 1px solid #CCCCCC;
color: #BE342C;
padding-bottom: 6px;
margin-top:5px;
clear:both;

}
.detalle_carrera h2{
font-size: 14px;
color: #BE342C;
margin-bottom: 5px !important;
}

.detalle_carrera .portada{
float:left;
width:390px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
margin-right:10px;
margin-bottom:10px;
}

.detalle_carrera h3{
 border-bottom: 1px solid #CCCCCC;
color: #BE342C;
padding-bottom: 6px;
font-size:16px;
margin-top:5px;
clear:both;
padding-top:20px;
}

/*******************************************************************************
  PAGINACIÓN
*******************************************************************************/
.pagination { border:0; margin:0; padding:0; font-size:10px; }
.pagination a { border:solid 1px #DEDEDE; margin-right:2px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.pagination .previous-off, .pagination .next-off { color:#888888; display:inline-block; font-weight:normal; padding:3px 4px; }
.pagination .next a,.pagination .previous a { font-weight:bold; border:solid 1px #FFFFFF; }
.pagination .active{ color:#000000; font-weight:bold; display:inline-block; padding:4px 6px; }
.pagination a:link, .pagination a:visited { display:inline-block; padding:3px 6px; text-decoration:none; }
.pagination a:hover{ text-decoration:none; border: 1px solid #999; }


/*******************************************************************************
  BOTONES
*******************************************************************************/
.button {
    background: url("../gif/but_right_red.gif") no-repeat scroll right top transparent;
    border: 0 none;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 12px;
    font-weight: bold;
    height: 29px;
    margin: 10px 6px 0 0;
    outline: medium none !important;
    overflow: hidden;
    padding: 0 12px 0 0 !important;
    text-decoration: none;
}
.button span {
    background: url("../gif/but_left_red.gif") no-repeat scroll left top transparent;
    display: block;
    float: left;
    line-height: 29px;
    outline: medium none !important;
    padding: 0 0 0 12px;
}
.button:hover {
    background-position: right bottom;
    text-decoration: none !important;
}
.button:hover span {
    background-position: left bottom;
    color: #FFFFFF;
}

/*******************************************************************************
  ESTILOS FORMULARIO INSCRIPCION
*******************************************************************************/
.formulario_inscripcion label{
clear:both;
margin:20px 0px 8px 0px !important;

}

.buscador_carreras{
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
background-color: #f5f1ff;
font-size:10px;
padding: 10px 20px 5px;
}
.buscador_carreras h1{
font-size:14px;
border-bottom: 1px solid #333333;
}