/*   
Theme Name: title project -
Theme URI: http://cynfyn.com/web/
Author: cynfyn solutions
Author URI: http://www.cynfyn.com
Version: 1.0
Description Development: Builder CSS+xhtml>>  - Design Elements>> Rafael Bernal
*/

/*--------------------------
		HTML 
----------------------------*/
html{
	text-shadow: #000 0px 0px 0px;/* Elimina el efecto bold en Safari */
	background:url(images/bg_html.jpg) #000000 no-repeat center top;
	}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
	margin: 0;
	padding: 0;
	}
body{	
		font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	}

/* Estilos de las listas */
ol, ul {
	/*list-style: none;*/
	}

/* Estilo y grosor de las fuentes */
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
	}

/* Bordes de las tablas */
table {
	border-collapse: collapse;
	border-spacing: 0;
	}

/* Otros bordes */
fieldset, img {
	border: 0;
	}

/* Alineacn del texto */
caption, th {
	text-align: left;
}

/* Comillas */
q:before, q:after {
	content: '';
	}
	
/* Clases tiles */
.p_relative{
	position:relative;
	}
/*vinculos generales*/
a:link {
 	color: #2E350C;
 	text-decoration: none;
	}
a:visited {
 	text-decoration: none;
 	color: #2E350C;
	}
a:hover {
 	text-decoration: underline;
 	color: #2E350C;
	}
a:active {
 	text-decoration: none;
	}
	
	
		
/*Espacios en los parrafos*/	
p{ 
	margin-bottom:20px;
	}
/*Alineacion del las tablas*/	
td{	
	text-align:left;
	}
/*headers*/	
h2{
	font-size:18px;
	}
h3{
	font-size:15px;
	font-weight:bold;
	background:#EAEFD1;
	padding:4px;
	}			
/*...........................
	Site
............................*/			
#wrapper{	
	width:953px;
	margin:0 auto;
	background:url(images/bg_wrapper.gif) repeat-y #E1E9C7;
	overflow:hidden;
	}
#wrapper:after{
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
	}	
#header{
	margin:0 auto;
	width:953px;
	height:121px;
	background:url(images/bg_header.jpg) no-repeat center top;
	}
#link_logo {
	position:absolute;
	left:5px;
	top:-151px;
	width:607px;
	height:110px;
	z-index:1;
	background:url(images/blank.gif) repeat;
	cursor:pointer;
	}	
#links{
	position:absolute;
	top:1px;
	width:200px;
	height:110px;
	z-index:1;
	background:url(images/blank.gif) repeat;
	cursor:pointer;
	left: 820px;
	margin-top:10px;
	}
.nav_pos_menu{
	background-color:#254621;
	cursor:pointer;
	}	
#content{
	width:953px;
 	}
/*---------------------------
	home
------------------------------*/
#flash{
	width:715px;
	height:195px;
	float:left;
	}	
#botones{
	width:216px;
	height:210px;
	margin-left:12px;
	text-align:center;
	float:left;
	}	
#botones img {
	margin-top:5px;
}	
#content_index{
	width:375px;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
	float:left;
	}
.portfolio{
	width:185px;
	float:right; 
	margin:0 0 0 0px;
}
.portfolio img{
	border:5px solid #458741;
	margin-bottom:20px;
} 
.portfolio a:link {
	color:#000000;

	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	}	
.portfolio a:visited {
	color:#000000;
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	}	
.portfolio a:hover {
	color:#458741;
	}	
.portfolio a:active {
 	text-decoration: none;
	}
/*#aux, #content{
	float:left;
	margin:0;
	margin-bottom:-32768px;
	padding-bottom:32768px;
	}
#aux{
	width:0;
	height:441px;
	}	

#footer{
	clear:both;
	height:75px;
	width:967px;
	background:url(images/bg_footer.gif) no-repeat;
	color:#000000;
	font-weight:bold;
	font-size:12px;	
}	
*/
#footer{
	width:1000px;
	height:141px;
	margin:0 auto;
	padding-top:20px;
	overflow:hidden;
	clear:both;
	}		
.footer_cont{
	width:953px;
	margin:0 auto;
	color:#E1E9C7;
	font: lighter 9px Verdana, Arial, Helvetica, sans-serif;
	}
.footer_cont a:link {
	color:#FFFFFF;
	text-decoration:none;
	/*font: lighter 12px Verdana, Arial, Helvetica, sans-serif;*/
	}	
.footer_cont a:visited {
	color:#FFFFFF;
	text-decoration:none;
	}	
.footer_cont a:hover {
	color:#458741;
	text-decoration:underline;
	}	
.footer_cont a:active {
 	text-decoration: none;
	}	

 	
/*---------------------------
	internal pages
------------------------------*/
#content_inter{
	width:953px;
	margin-top:10px;
 	}
#menu_left_cont{
	width:180px;
	height:300px;
	
	/*background:#999999;*/
	float:left;
	margin-bottom:-32768px;
	padding-bottom:32768px;
	}	
#content_inter_text{
	float:left;
	width:750px;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
	margin:10px 0 10px 10px;	
 	}
#content_int{
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
	margin:15px 15px;	
 	}	
/*---------------------------
	Buttons
------------------------------*/
.buttons a, .buttons button{
    display:block;
    margin:0 7px 0 0;
    background:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
	}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
	}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
	}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
	}


/* STANDARD */

button:hover, .buttons a:hover{
    background:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
	}
.buttons a:active{
    background:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
	}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
	}
.buttons a.positive:hover, button.positive:hover{
    background:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
	}
.buttons a.positive:active{
    background:#529214;
    border:1px solid #529214;
    color:#fff;
	}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
	}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
	}
.buttons a.negative:active{
    background:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
	}	
/*---------------------------
	DropDowns Menu
------------------------------*/
	
div.menu_drop {
        width: 100%;
        border-style: solid solid none solid;
        border:1px solid #fefefc;
        }
div.menu_drop  ul  li {
        list-style: none;
        margin: 0;
        padding: 0;
		border-bottom:1px solid #8fb78c;
		/*border-left:1px solid #311E0F;*/
        }
		
div.menu_drop li a {
        height: 22px;
        voice-family: "\"}\"";
        voice-family: inherit;
        height: 14px;
        text-decoration: none;
        }

div.menu_drop  li a:link, div.menu_drop  li a:visited {
        color: #000000;
        display: block;
        background:#fefefc;
        padding: 0 0 0 10px;
        }

div.menu_drop  li a:hover, div.menu_drop li #current { 
        color: white;
        background: #458741;
        padding: 0 0 0 10px;
		text-decoration:none;
        }							
/*---------------------------
	 Menu left
------------------------------*/
	
div.menu_left {
        width: 100%;
        border-style: solid solid none solid;
        border:2px solid #FFFFFF;
        }
div.menu_left  ul  li {
        list-style: none;
        margin: 0;
        padding: 0;
		border-bottom:1px solid #ADAFA2;
		/*border-left:1px solid #311E0F;*/
        }
		
div.menu_left li a {
        height: 22px;
        voice-family: "\"}\"";
        voice-family: inherit;
        height: 14px;
        text-decoration: none;
        }

div.menu_left  li a:link, div.menu_left  li a:visited {
        color: #000000;
        display: block;
        background:#EAE7EE;
        padding: 5px 0 5px 10px;
        }

div.menu_left  li a:hover, div.menu_left li #current { 
        color: white;
        background: #59904C;
        padding: 5px 0 5px 10px;
		text-decoration:none;
        }							
table.bg_tb_faq{
	width:98%;
	border:1px solid #C1CE86;
	}
.bg_tb_faq td{
	padding:4px;
	}	
.bg_tb_faq a{
	color:#252B09;
	text-decoration:none;
	}
.bg_tb_faq a:hover{
	color:#252B09;
	text-decoration:underline;
	}
.title_faq{
	padding:5px;
	border:1px dashed #333333;
	background:#EAEFD1;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
}	
table.bg_tb_project{
	width:98%;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	}
.bg_tb_project td{
	padding:4px;
	}	
.bg_tb_project a{
	color:#252B09;
	text-decoration:none;
	}
.bg_tb_project a:hover{
	color:#252B09;
	text-decoration:underline;
	}
.newlist_title_p{
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	}
.title_project{
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	}			
.projects-category{
	font-size:15px; font-weight:bold;
	}
.projects-category ul li{
	list-style:none;
	float:left;
	}
.projects-category  li{
	margin:3px;
	}			
div.catname{
	font-size:14px;
	font-weight:bold;
	background:#C1CE86;
	padding:3px;
	}	
.newlist_title{
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	}	
.newlist_date{
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	}		
.marq img{

	padding:4px;
	background:#C0CC82;
	border:1px solid #7A911D;
	margin:10px;
	vertical-align:top;
	
}
.no_project{
	padding:12px;
	font:bold 13px Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	}
.input_news{
	background:url(images/bg_input_newsletter.gif) no-repeat;
	width:121px;
	border:none;
	}	
.p_input_news{	
	position:absolute; left: 639px; top: -36px; height: 20px;	
	}
.p_input_news_comp{
	position:absolute; left: 739px; top: -36px; height: 20px;	
	}
.p_input_news_home{
	position:absolute; left: 49px; top: -29px; height: 20px;	
	}	
.p_input_news_down{
	position:absolute; left: 639px; top: -36px; height: 20px;		
	}	
.p_input_news_down2{
	position:absolute; left: 639px; top: -36px; height: 20px;		
	}
.p_input_go{	
	position:absolute; left: 125px; top: 0px;	
	}	
.p_input_go_home{	
	position:absolute; left: 125px; top: -6px;	
	}	
	
.join-newsletter{
	width:218px;
	height:61px;
	background:url(images/bt_join_our.gif) no-repeat;
	float:left
	}
.bg_careers{
	background:#DAE2B1;
	border:1px solid #C4CE89;
	padding:4px;
	}
.bg_form_career{
	background:#DAE2B1;
	border:1px solid #C4CE89;
	width:75%;
	padding:4px;
	}
/*-------------------------
	standalone validacion
---------------------------*/	
.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}

.LV_valid {
    color:#00CC00;
}
	
.LV_invalid {
    color:#CC0000;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 1px solid #00CC00;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 1px solid #CC0000;
}