/*   
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 */
	}
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;
	}

/* Tamaños de los headers */
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	}

/* Estilos de las listas */
ol, ul {
	margin-left:10px;
	list-style:inside;
	text-align:justify;
	}

/* Estilo y grosor de las fuentes */
address, caption, cite, code, dfn, em, th, var {
	font-style: normal;
	font-weight: normal;
	}
strong{
	font-weight:bold;
}
/* Bordes de las tablas */
table {
	border-collapse: collapse;
	border-spacing: 0;
	}

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

/* Alineacón del texto */
caption, th {
	text-align: left;
}

/* Comillas */
q:before, q:after {
	content: '';
	}
	
/* Clases útiles */
.p_relative{
	position:relative;
	}
/*vinculos generales*/
a:link {
 	color: #5B005E;
 	text-decoration: none;
	}
a:visited {
 	text-decoration: none;
 	color: #5B005E;
	}
a:hover {
 	text-decoration: underline;
 	color: #5B005E;
	}
a:active {
 	text-decoration: none;
	}	
/*Espacios en los parrafos*/	
p{ 
	margin-bottom:0px;
	}
/*Alineacion del las tablas*/	
td{	
	text-align:left;
	}
/*headers*/	
h1{
	font: bold 18px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	}
h2{
	font: bold 16px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	}
black{
	font: lighter 15px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	}	
blacker{
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	}		
.success, .emergency {
    border: 1px solid;
    margin: 5px 5px;
    margin-left:20px; 
    padding:13px 20px 13px 30px;
    background-repeat: no-repeat;
    background-position: 10px center;
}

.blackbold{
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
}
.success {
    color: #4F8A10;
    background-color: #DFF2BF;
}
.emergency {
    color: #D8000C;
    background-color: #FFBABA; 
}
	
/*---------------------------
	site
------------------------------*/	
#wrapper{
	width:963px;
	font: lighter 15px Verdana, Arial, Helvetica, sans-serif;
	line-height:19px;
	color:#525761;
	margin:0 auto;
	overflow:hidden;
	
	}
#wrapper:after{
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
	}
#header{
	background:url(images/bg_header.gif) no-repeat;
	height:130px;
	}
#headers{
	background:url(images/bg_headers.png) no-repeat;
	width:963px;
	height:193px;
}	
#headers_int{
	background:url(images/bg_headers_int.gif) no-repeat;
	width:963px;
	height:153px;
}
#content_up{
	background:url(images/bg_up_content.gif) no-repeat center;
	height:13px;
}

#content{
	background:url(images/bg_content.gif) repeat-y center;
	width:963px;
	margin:0 auto;
	}	
/*#aux,#content{
	float:left;
	margin-bottom:-32768px;
	padding-bottom:32768px;
	}	*/	
#content_down{
	clear:both;
	overflow:hidden;
	background:url(images/bg_donw_content.gif) no-repeat center;
	width:963px;
	height:18px;
	
}
#col_text{
	width:698px;
	margin:10px 0 0 0;
	/*height:250px; */
}
#col_menu{
	width:236x;
	/*height:250px;*/
}
#bg_menu_disaster{
	line-height:0px;
	cursor:pointer;
/*	background:url(images/bg_menu_disaster.gif) repeat-y center;*/
	width:236px;
	/*height:236px;*/
}
#flash{
	width:217px;
	height:129px;
	margin-top:-5px;
	margin-bottom:5px;
	/*background:url(images/bg_flash.gif) no-repeat;*/
}
.box3{
	width:420px; 
	height:auto;
	margin-left:20px; 
	background-color:#f7f7f7; 
	/*border:1px solid #4CB84D;*/
	/*margin:0 auto;*/
	padding:3px;
	}
.box4{
	width:215px; 
	height:auto; 
	/*background-color:#f7f7f7; 
	border:1px solid #4CB84D; */
	font: lighter 12px Verdana, Arial, Helvetica, sans-serif;
	/*margin:0 auto;*/
	padding:3px;
	}
#footer{
	clear:both;
	overflow:hidden;
	font: lighter 10px Verdana, Arial, Helvetica, sans-serif;
	/*background:url(images/bg_donw_content.gif) top no-repeat;*/
	height:100px;	
}	
#text{
	margin:0 10px 0 10px;
	text-align:justify;
}

#nav_menu_int{
	margin:0 auto;
	margin-top:100px;
	cursor:pointer;
	position:absolute;
	z-index:200;
}
#drop_int{
	position:absolute;
	
	height:500px;	
	background:url(images/blank.gif) repeat;

}
#logo{
	margin-top:-130px; float:left

}
#get_a{
	margin-top:-32px; margin-left:788px; float:left
}
#get_help{
	margin-top:-7px; margin-left:788px; float:left
}
#nav_menu{
	cursor:pointer;	
	height:55px;
	float:left;
	position:absolute;
	margin-top:140px;	
}	
.bg_width{
	width:260px;
}
/*---------------------------
	Projects and References
------------------------------*/				
.projects{
	border:1px solid #4BB245;
	background:#EDEDED;
	color:#000000;
	padding:10px;
	text-align:justify;

}	

/*---------------------------
	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 {
		z-index:-9;
        width: 100%;
        border-style: solid solid none solid;
        border:0px solid #311E0F;
		font-weight:bold;
		font: bold 12px Verdana, Arial, Helvetica, sans-serif;
        }
div.menu_drop  ul  li {
		z-index:-9;
        list-style: none;
        margin: 0;
        padding: 0;
		border-left:1px solid #B56B14;
		border-bottom:1px solid #B56B14;
		font: bold 12px Verdana, Arial, Helvetica, sans-serif;
		/*border-left:1px solid #311E0F;*/
        }
		
div.menu_drop li a {
        height: 32px;
        voice-family: "\"}\"";
        voice-family: inherit;
        height: 24px;
        text-decoration: none;
        }

div.menu_drop  li a:link, div.menu_drop  li a:visited {
        color:	#000000;
        display: block;
        background:#FFC931;
        padding: 8px 0 0 15px;
		margin-left:0px;
		*margin-left:-16px !important;
        }

div.menu_drop  li a:hover, div.menu_drop li .current { 
        color: white;
        background: #37933E;
        padding: 8px 0 0 15px;
		margin-left:0px;
		*margin-left:-16px !important;
		text-decoration:none;
        }
/*.current { 
        color: white;
        background: #37933E;
        padding: 8px 0 0 15px;
		text-decoration:none;
        }									
*/