@charset "utf-8";
/* CSS Document */

#header{ background: #FFF url(../images/contratacion_bg.jpg) repeat-x; height:120px; text-align:center; margin-top:10px;}

#header-ant {
    background: #8F141B;
    color: #FFF;
    text-align: center;
    font-size: 14px;
    height: 40px;
    font-size: 20px;
    padding-top: 15px;
}

#reglamentacion a { color:#990000;}
a:link {text-decoration: none;}a:visited {text-decoration: none;}

.letra-pequena{
	font-size:12px;	
	padding:0px;
}

.tamano-imagen{
	width: 20px;
	height:20px;
}
@media all and (max-width: 500px){
    .div-2{
        display: block !important;  /* Cuando el ancho sea inferior a 600px el elemento será un bloque */
        width: 100% !important;
        max-width: 100% !important;
        margin: auto !important;
        position: static !important;
        float: none !important;
    }
	.tamano-imagen{
		width: 30px;
		height:30px;
	}
}
@media all and (max-width: 700px){
	.columna {
        display: block !important;  /* Cuando el ancho sea inferior a 600px el elemento será un bloque */
        width: 100% !important;
        max-width: 100% !important;
        margin: auto !important;
        position: static !important;
        float: none !important;	
  	}
	.td-bootom-2 {
		border-bottom: 1px solid #CCC;	
	}
}
@media all and (max-width: 900px){
	.scrollable {
		width: 100%;
		height: 160px;
		overflow: scroll;
	}
	.td-bottom-900 {
		border-bottom: 1px solid #CCC;
	}
	.td-bottom-padding {
		padding:5px 0px 0px 0px;
	}
}
.cuerpo{    /* Este es el delimitador para que la página no sea excesivamente grande */
    max-width: 100%;
    margin:auto;
	border-bottom: 1px solid #CCC;
	padding-top:10px;
}
.iz{
    /*background: #99F;*/
    float: left;    /* flotamos el elemento a la izquierda */
    width: 30%;
}
.contenido{
    /*background: #AAA;*/
    width: 70%;
    margin-left: 30%;
}

.columna {
  width:25%;
  float:left;
  
}

.td-bottom {
	border-bottom: 1px solid #CCC;
}