/*
	Name: Site Style HTML5
	Date: September 2011
	Description: Main layout
	Version: 1.0
	Author: Xela Projects
	Autor URI: http://xelaprojects.com/xlcms
*/

/* IMPORTS */
@import url("css/css_reset.css");
@import url("css/forms_01.css");
@import url('menu_h/main_nav.css');


html {
      margin:0;
      padding:0;
      height:100%;
      border:none;
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-family: arial,helvetica,sans-serif;
	font-size: 13pt;
	color: #808080;
	background-image: url(site_style/back_pages.png);
	background-repeat: ;
	background-position:;
	background-attachment: ;
	background-color: #7ba439;
	height: 100%;
}

div#container {
	position:relative; 
	margin:0 auto; 
	width:100%;
	height:auto !important; 
	height:100%; 
	min-height:100%; 
	overflow:visible;
}

div#content {
	padding:1em 1em 195px; /* bottom padding for footer */		height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; 
}


.stretch {
    width:100%;
    height:100%;
}

div#seccion_main {
     padding: 0px 0px 20px 0px;
}

a:visited {
	color: #9b9d79;
	_color: #ffffff;
	text-decoration: none;
}
a:hover {
	color: #3300CC;
	text-decoration: none;
}
a:active{

	color: #0066CC;
	text-decoration: none;
	 
}
a:link {
	color: #0066CC;
	text-decoration: none;
	 
	}



/* HEADING TAGS */
h1 {
-x-system-font:none;
background-color: ;
color:#96BA00;
font-family:trebuchet ms,geneva;
font-size:40px;
font-size-adjust:;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:68px;
margin:0;
padding:0;
}

h2 {
-x-system-font:none;
background-color: ;
color:#7250A7;
font-family:georgia,palatino;
font-size:20px;
font-size-adjust:;
font-stretch:normal;
font-style:italic;
font-variant:normal;
font-weight:normal;
line-height:26px;
margin:0;
padding:0;
}

h3 {
-x-system-font:none;
background-color: ;
color:#F17E00;
font-family:Geneva, Arial, Helvetica, sans_serif;
font-size:17px;
font-size-adjust:;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:18px;
margin:0;
padding:0;
}

h4 {
-x-system-font:none;
background-color: #FFFFFF;
color:#000000;
font-family:Geneva, Arial, Helvetica, sans_serif;
font-size:18px;
font-size-adjust:;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:18px;
margin:0;
padding:0;
}

h5 {
-x-system-font:none;
background-color: #FFFFFF;
color:#000000;
font-family:Geneva, Arial, Helvetica, sans_serif;
font-size:18px;
font-size-adjust:;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:18px;
margin:0;
padding:0;
}


h6 {
-x-system-font:none;
background-color: #FFFFFF;
color:#000000;
font-family:Geneva, Arial, Helvetica, sans_serif;
font-size:18px;
font-size-adjust:;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:18px;
margin:0;
padding:0;
}

.Menu_back {
	background-image: url(images/back_btn_menu.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}


a.menuInf {
	color: #cccccc;
	padding: 6px 0px 10px 8px;
	}

a.menuInf:link {
	color: #cccccc;

	}

a.menuInf:visited {
	color: #cccccc;

	}


a.menuInf:hover {
	color: #ffffff;
	text-decoration: underline;

	}

.BottomText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	font-size: 9px;
}

.BottomText:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	font-size: 9px;
}

.BottomText:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	font-size: 9px;
}

	
/***********************************************************
GENERAL LAYOUT
***********************************************************/

.page_width {
    width: 900px;
}
.center {
    display: block;
    margin-left:auto;
    margin-right:auto;
}

.a_center {
    margin-left:auto;
    margin-right:auto;
}

.a_top {
    vertical-align:text-top;
}

.w_100 {
    width: 100%;
}

.a_nwrp{
white-space:nowrap;
}

#top_social {
	width: 120px;
	height: 52px;
	/*overflow: hidden; */
	position: relative;
	z-index: 9999999;
	top:-150px;
	right:-750px;
}

#top_social a {
	display: block;
	float: right;
	text-align: right;
	height: 51px;
	line-height: 52px;
}

#top_social a.facebook {
    width: 52px;
	height: 52px;
	background: transparent url(../site_style/boton_f.png) no-repeat left top;
	margin-right:5px;
}

#top_social a.twitter {
    width: 52px;
	height: 52px;
	background: transparent url(../site_style/boton_t.png) no-repeat left top;
	}

/***********************************************************
Bottom
***********************************************************/

#footer {
   position:absolute;
   bottom:0;
   width:100%;
   height:195px;   /* Height of the footer */
}

.Tabla_Bottom {
	background-color: #1d272d;
	vertical-align: top;

	
}	
	
#back_bottom {
   	height: 195px;
	background-color: #d36d01;
    background: transparent url(../site_style/back_bottom.jpg) repeat-x left top;
}
	
	

/***********************************************************
LEFT MENU
***********************************************************/


.parent_menu_left a{
	font-family: "Trebuchet MS";
	font-size: 19px;
	color: #9B9D79;
	text-align: right;
	font-weight: normal;
	list-style-type: none;
	padding: 5px 0px 0px 0px;
	}
	
	
.parent_menu_left a:link {
	font-family: "Trebuchet MS";
	font-size: 19px;
	color: #9B9D79;
	text-align: right;
	font-weight: normal;
	list-style-type: none;
	}	
	
.parent_menu_left a:hover{
	color: #F17E00;
}

a.parent_menu_left, li{
   	height: 35px;
    background: transparent url(../site_style/dashed_line.png) no-repeat left bottom;
	padding: 8px 0px 0px 0px;
 
}

a.child_menu_left:link, li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-decoration: none;
	text-align: left;
}
a.child_menu_left:hover, li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #F17E00;
	text-decoration: none;
	text-align: left;
}


/***********************************************************
BORDERS
***********************************************************/
.border_1 {
    border:1px solid #CBCDBE;   
}

.roundies10 {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
}

/***********************************************************
CONTENT
***********************************************************/
.TablaContenido {
	background-color: ;
	background-image: url(site_style/);
	vertical-align: top;
	background-repeat: repeat-x;
	width: 900px;
	margin-left:auto;
    margin-right:auto;
	vertical-align:text-top;
	
}



.TablaContenidoCentro {
    vertical-align:text-top;
	width: 100%;
	height: 100px;
	
	
}

.td_Contenido, td_pan_der{
vertical-align:text-top;
}

.td_Contenido {
padding-left: 30px;
}

/***********************************************************
LEFT PANE
***********************************************************/

.tdPanIzq {
	padding-top: 40px;
	border-top: 0px;
	vertical-align: top;
	border-bottom: 0px;
	width:180px;
	}





.TablaPanIzq {
	width: 200px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	

}



/***********************************************************
PANE DER
***********************************************************/
.tdPanDer {
	padding-top: 0px;
	border-top: 0px;
	vertical-align: top;
	border-bottom: 0px;
	width:180px;
	}



.TablaPanDer {

	width: 190px;
	padding-top:0px;
	padding-right: 5px;
	margin-left: 0px;
}