/*   
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/home_final_i.gif) #1c8ccc no-repeat top center;
	
	}
body, div, dl, dt, dd, 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 */
li {
	margin-left:30px;
	}
strong{
 font-weight:bold;
}	

/* Estilo y grosor de las fuentes */
address, caption, cite, code, dfn, em,  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;
	}

/* 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: #F3C803;
 	text-decoration: none;
	}
a:visited {
 	text-decoration: none;
 	color: #F3C803;
	}
a:hover {
 	text-decoration: underline;
 	color: #F3C803;
	}
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;
	}	
/*---------------------------
	site
------------------------------*/	
#wrapper{
	width:760px;
	/*width:1309px;*/
	/*font:lighter 11px "Trebuchet Ms",Verdana,Arial,Helvetica,sans-serif;*/
	font:lighter 12px sans-serif;
	/*font:lighter 11px Helvetica, Arial, sans-serif;	*/
	/*line-height:15px;*/
	color:#FFFFFF;
	margin:0 auto;
	overflow:hidden;
	
	}
#wrapper:after{
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
	}
#header{
	/*margin-top:50px;*/
	background:url(images/bg_header.png) no-repeat;
	height:187px;
	}
#nav_menu{
	margin:0 auto;
	margin-top:-30px;
	cursor:pointer;
	position:absolute;
	z-index:200;
}
#content_intern{
	background:url(images/bg_content_fcc_business.gif) /*#0083A7*/ top center no-repeat;
	/*height:752px;*/
}
#search{
	margin:0 auto;
	margin-top:-73px;
	cursor:pointer;
	position:absolute;
	z-index:200;
}	
#bottom_play{
	width:115px;
	height:104px;
	background:url(images/play.png) no-repeat top;
	right:126px;	
	margin:0 auto;
	margin-top:-204px;
	cursor:pointer;
	position:absolute;
	z-index:200;
}
.input_email_cl{
	font: lighter 8px Verdana, Arial, Helvetica, sans-serif;
	padding:5px 0 0 10px;
	border: none;
	background: #FFF;
	width:61px;
	height:14px;		
	background:url(images/bg_imput.png) no-repeat center;
}

.input_search_cl{
	font: lighter 10px Verdana, Arial, Helvetica, sans-serif;
	padding:5px 0 0 10px;
	border: none;
	background: #FFF;
	width:93px;
	height:18px;		
	background:url(images/bg_search.png) no-repeat center;
}
#title_footer{
	color:#015490; 
	font-size:15px; 
	font-weight:bold;
}
#col_col{
	width:240px;
	text-align:justify;
	background:url(images/bg_school.png) no-repeat;	
	
}
#title_col{
	width:210px;
		padding:20px 0 0 10px;

}
/*---------------------------
	index
------------------------------*/
#fields_of{
	background:url(images/fields.png) no-repeat;
	width:320px;
	height:167px;
	line-height:20px;
	padding:30px 0 0 20px;
}	
#news{
	background:url(images/news.png) no-repeat; 
	width:320px; 
	height:167px;
	line-height:20px;
	padding:30px 0 0 20px;
}	
/*vinculos generales*/
.link_blank a:link {
 	color:#015490;
 	text-decoration: none;
	}
.link_blank a:visited {
 	text-decoration: none;
 	color:#015490;
	}
.link_blank a:hover {
 	text-decoration: underline;
 	color:#FFFFFF;
	}
.link_blank a:active {
 	text-decoration: none;
	}
	
/*---------------------------
	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 #015490;
		font:bold 14px Verdana,Arial,Helvetica,sans-serif;
        }
div.menu_drop  ul  li {
        list-style: none;
        margin: 0;
        padding: 0;
		border-bottom:1px solid #015490;
		border-left:1px solid #015490;
		font: bolder 14px Verdana,Arial,Helvetica,sans-serif;
        }
		
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:#FFFFFF;
        display: block;
        background:#0082C8;
        padding: 8px 0 0 25px;
        }

div.menu_drop  li a:hover, div.menu_drop li #current { 
        color: white;
        background: #F7C600;
        padding: 8px 0 0 25px;
		text-decoration:none;
        }