@import url("reset.css");
@font-face { 
    font-family: "CdL Profile"; 
    src: url("/adm/includes/font/pfLg.ttf") format("truetype"); 
    font-style:normal
} 
@font-face { 
    font-family: "CdL Profile"; 
    src: url("/adm/includes/font/PfLgIt.ttf") format("truetype"); 
    font-style: italic;
} 
@font-face { 
    font-family: "CdL Profile"; 
    src: url("/adm/includes/font/PfMd.ttf") format("truetype"); 
    font-weight: bold;
    
}
@font-face { 
    font-family: "CdL Profile"; 
    src: url("/adm/includes/font/PfMdIt.ttf") format("truetype"); 
    font-weight: bold;
    font-style: italic;
}
html, body, #wrap {height: 100%;}
body > #wrap {height: auto; min-height: 100%; margin: 0px auto 0; position: relative;}
body {
	background-color: #FFFFFF;
	font-family: "CdL Profile","Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #604A3F;
	margin:0px;
	border:0px ;
	padding:0px;
}

a {
	font-size: 1em;
	color: #9f938a;
}
a:hover{	
	color: #f15a21;
}
a:visited {
	font-size: 1em;
	color: #928037;
}
form {
	/* background-color: #fff; */
}
h1{font-size: 2em;}
h2{font-size: 1.75em;}
h3{font-size: 1.50em;}
h4{font-size: 1.25em;}
em, var, cite{font-style:italic;}
code, samp, kbd{font-family:"Courier New";}
strong{font-weight:bold;}
#header {
	/* Si queremos mantener el menú visible todo el tiempo descomentar esto */
	/* Inicio bloqueo menu */
	/*
	position:fixed; 
	top:0px;
	left:50%;
	height: 100px;
	width:760px;
	margin-top:0px; 
	margin-bottom: 0px;
	margin-right:0px;
	margin-left:-405.5px;
	*/
	/* Fin bloqueo menu*/
	
	/* Su se bloquea menú comentar este tamaños y margin*/
	/* Inicio zona menu no bloqueado*/
	
	
	height: 100px;
	width:760px;
	min-width:760px;
	
	margin: 0 auto;

	/* Fin zona menu no bloqueado */
	clear:both;
	/* 
	background-image:url("");
	background-repeat:no-repeat;
	background-position:top right;
	background-color: #fff;
	*/    
    /*-webkit-box-shadow: 2px 2px 5px #999;  Para motor Safari/Chrome CSS3 */	
    /*-moz-box-shadow: 2px 2px 5px #999;     Para motor Firefox CSS3 */
	padding-bottom:0px;  /*Tiene que tener el mismo valor que el margit-top del #footer*/
}
#header #headerLogo {margin:20px 0;}
#main {	
	width:760px; 	
	margin: 0px auto 0px; /* Si el header está bloqueado tiene que ser mayor margin del height del header */	                                                                                         
	padding-bottom: 50px; /* Tiene que tener el mismo valor que el margit-top del #footer*/	       
	}  /* must be same height as the footer */
#footer {
	clear:both;	
	width:760px;
	min-width:760px;
	height: 50px;	
	margin: -50px auto 0px; /* tiene que ser valor negativo para mantenerse abajo mismo valor que el height*/	
	background-color: #e43a48;
	} 
div.row{ /* diseño de dos columnas. [Columna derecha]*/   
    overflow: hidden; 
    width:100%; 
    border:1px dotted;    
}
div.content {/* diseño de dos columnas. [Columna izquierda]*/
	width:760px;  
    float:left;
    /*margin:5px 0px 0px; height:100px;*/   
	} 

div.right {/* diseño de dos columnas. [Columna derecha]*/
	width:294px;
	float:right; 
    padding:0px 2px;    
	                
	}
div.left {/* diseño de dos columnas. [Columna derecha]*/
	width:294px;
	padding:0px 2px; 
	}
#side.footer {/* diseño de dos columnas. [Columna derecha pie]*/
	text-align:center;
	}
#footercells {
	margin-right:auto;
	margin-left:auto;
	width:760px;
	} 
#content.footer {/* diseño de dos columnas. [Columna izquierda Pie]*/
	text-align:center;
	} 
#content.down {/* diseño de dos columnas. [Columna izquierda Pie]*/
	width:760px;
	} 


div.alert{
    display:none;
	background:#f00;
    font-size:1.25em;
    color:#fff;
    border:2px solid #f00;
	margin-bottom: 0px;
	margin-top: 10px;
	cursor:pointer;
	width:100%;	
	min-height:25px;
	text-align:center;

	/* CSS3 styling for latest browsers  
	-moz-box-shadow:0 0 9px 5px #000;
	-webkit-box-shadow: 0 0 9px #000;    */
}

.title{
	color: #da0046;
}
.subtitle{
	color: #604a3f;	
}