/*----------------------------------------
Name: global.css
Developed by: psdmedia
Date Created: 01/06/2009
Last Updated: 01/06/2009
Copyright: Michelo Toro.
----------------------------------------*/


/* reset browers */
*{
	margin: 0;
	padding: 0;
	border: none;
	/*font-size: 100%;*/
}
	
img {
	border: 0px;
}

/* Elements
----------------------------------------*/
body {
	font: 62.5%/1.5em Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #F6F6F6;
	background-image: url(../images/bg_site.jpg);
	background-position: top left;
	background-repeat: repeat-x;
}

#mainContainer {
	width: 940px;
	padding: 0 10px 0 10px;
	background-image: url(../images/bg_cuerpo.png);
	background-position: top left;
	background-repeat: no-repeat;
	margin: 0 auto;
}

/*--- Link Styles ---*/
a{
	color: #fbbb00;
	text-decoration: underline;
}

a:link {
	color: #fbbb00;
	text-decoration: underline;
}

a:visited {
	color: #666666;
	text-decoration: none;
}

a:hover {
	color: #333;
	text-decoration: none;
}

a:active {
	color: #666666;
	text-decoration: none;
}

ins{
	text-decoration: none;
}

del{
	text-decoration: line-through;
}

table{
	border-collapse: collapse;
}

h1{
	font-size: 2.2em;
	font-weight: normal;
}

h2{
	margin: 14px 0 7px 0;
	font-size: 1.7em;
	font-style: italic;
	line-height: 1.7em;
	font-weight: bold;
}

h3{
	font-size: 1.4em;
	font-weight: normal;
	line-height: 1.4em;
}

h4{
	font-size: 1.3em;
	font-weight: normal;
	line-height: 1.3em;
}

h5{
	font-size: 1.2em;
	line-height: 1.2em;
	font-weight: bold;
}

h6{
	font-size: 1.1em;
	font-weight: normal;
}

p{
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1.8em;
}

/* Standard Definitions
----------------------------------------*/
.left{
	float: left;
}

.right{
	float: right;
}

.clearthis{
	clear: both;
}

.small{
	font-size: .625em;
}

.large{
	font-size: 1em;
}

.soft{
	color: #D3D3D3;
}

.hide{
	display: none;
}

p.last{
	margin-bottom: 0px;
}

/* Header
----------------------------------------*/
#header{
	width: 940px;
	height: 112px;
	padding-top: 10px;
}

/* QSF logo
----------------------------------------*/
#logo{
	width: 318px;
	height: 70px;
}

#logo img{
	border: none;
}


/* bannertop
----------------------------------------*/
#bannerhome{
	width: 610px;
	height: 90px;
	float: right;
}

/* Nav Top
----------------------------------------*/
#navtop{
	width: 940px;
	height: 35px;
}

/* Nav
----------------------------------------*/
ul#nav{
	margin-left: 110px;
}

	
ul#nav li{
	float: left;
	list-style-type: none;
	margin-left: 10px;
}

	
/* Image Replacement 
----------------------------------------*/
ul#nav li a {
	/*Set to height of image*/
	height: 21px;
	display: block;
	text-indent: -9999px;
	outline: none;
}

	
/*Include all of your links with unique IDs. Use the correct path to the image and set the width of each image*/
li#nav00 a{
	background-image: url(../images/00_cursoQSF.gif);
	width: 111px;
}

li#nav01 a{
	background-image: url(../images/01_ocho.gif);
	width: 110px;
}

li#nav02 a{
	background-image: url(../images/02_nueve.gif);
	width: 122px;
}

li#nav03 a{
	background-image: url(../images/03_glosario.gif);
	width: 81px;
}

li#nav04 a{
	background-image: url(../images/04_enlaces.gif);
	width: 76px;
}

	
/* CSS Rollover (Sprites) - Advanced Users!
----------------------------------------------------------*/
/*Each link must have a unique ID - Include all of your links here - Remove if not using!*/
li#nav00 a:hover, li#nav01 a:hover, li#nav02 a:hover, li#nav03 a:hover, li#nav04 a:hover {
	background-position: 0 -21px; /*Set to height of image !must be negative!*/
}

		
/* Main Content
----------------------------------------*/
#mainContent {
	width: 820px;
	padding-left: 120px;
}

#cuerpo{
	width: 600px;
	padding: 10px;
	background-image: url(../images/bg_central.gif);
	background-repeat: repeat;
	margin-right: 20px;
	margin-bottom: 50px;
}

#textos{
	width: 400px;
	margin-right: 10px;
}

#headtext{
	background-image: url(../images/bg_headtext.jpg);
	background-repeat: repeat-x;
	margin-bottom: 10px;
	width: 400px;
	text-align:center;
}

#bodytext{
	width: 380px;
	background-color: #1A171B;
	background-image:url(../images/bg_bodytext.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	color:#9f9e9f;
	padding:20px 10px 30px 10px;
}

#bodytext p{
	line-height: 1.9em;
	text-align:justify;
}

#bodytext h1 {
	border-bottom: 1px dotted #fbbb00;
	padding-bottom: 10px;
	margin-bottom: 10px;
	font-size: 2.2em;
	font-weight: normal;
}

#bodytext ol{
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1.8em;
	padding-left: 10px;
	margin-left: 10px;
	line-height: 1.9em;
	text-align:justify;
}

/*--- Body Link Styles ---*/
#bodytext a:link {
	color: #fbbb00;
	text-decoration: underline;
}

#bodytext a:visited {
	color: #666666;
	text-decoration: none;
}

#bodytext a:hover {
	color: #333333;
	text-decoration: none;
}

#bodytext a:active {
	color: #666666;
	text-decoration: none;
}

/*widecolumn*/
#widecolumn{
	width: 580px;
	background-color: #1A171B;
	background-image:url(../images/bg_bodytext.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	color:#9f9e9f;
	padding:10px 10px 30px 10px;
}

#widehead{
	background-image: url(../images/bg_headtext.jpg);
	background-repeat: repeat-x;
	margin-bottom: 10px;
	width: 580px;
}

#navegacion{
	width: 560px;
	height:20px;
	padding: 10px;
}
.new a{
	background-image:url(../images/new.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 30px;
	display: block;
	line-height: 25px;
	color: #fbbb00;
}

.new a:hover{
	background-image:url(../images/new_hover.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 30px;
	display: block;
	line-height: 25px;
	color: #FFCC00;
}

.new a:visited{
	color: #666666;
}

#widebody{
	width: 560px;
	padding: 10px;
}


#widebody p{
	line-height: 1.9em;
	text-align:justify;
}

#widebody h1{
	border-bottom: 1px dotted #fbbb00;
	padding-bottom: 10px;
	margin-bottom: 10px;
	font-size: 2.2em;
	font-weight: normal;
}

#widebody ol{
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1.8em;
	padding-left: 10px;
	margin-left: 10px;
	line-height: 1.9em;
	text-align:justify;
}

/*--- widebody link styles ---*/

#widebody a:link{
	color: #fbbb00;
	text-decoration: underline;
}

#widebody a:visited{
	color: #666666;
	text-decoration: none;
}

#widebody a:hover{
	color: #333333;
	text-decoration: none;
}

#widebody a:active{
	color: #666666;
	text-decoration: none;
}


/*submenu y promos*/

#corporativo{
	float: right;
	width: 187px;
}

#corporativo img{
	border: none;
}

.promos{
	width: 160px;
	text-align: center;
	background-color: #000000;
	margin-bottom: 10px;
}

.promosnobot{
	width: 160px;
	text-align: center;
	background-color: #000000;
}

.bannercorp{
	width: 187px;
	color: #FFFFFF;
	background-color: #000000;
	margin-bottom: 10px;
}

.bannercorp p{
	padding: 4px;
}

.bannercorpnobot{
	width: 167px;
	color: #FFFFFF;
	background-color: #000000;
	padding: 10px;
}

.bannercorpnobot h1{
	font-size: 1.5em;
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: dotted 1px #fbbb00;
}

ul.destacado{
	margin-top: 10px;
	margin-left: 5px;
	color: #FFFFFF;
}

ul.destacado li{
	font-size: 1.2em;
	margin-bottom: 5px;
	padding-left:5px;
	margin-left:5px;
	list-style:disc; 
	color: #FFCC33;
}

ul.destacado li a{
	color: #FFFFFF;
	text-decoration: none;
}

#bannerlat{
	float: right;
	width: 160px;
	padding: 10px;
	background-image: url(../images/bg_central.gif);
	background-repeat: repeat;
	text-align: center;
}

/* Footer
----------------------------------------*/
#mainFooter{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	width: 100%;
	margin: 0 auto;
	background-color: #1A171B;
	background-image: url(../images/bg_pie.gif);
	background-repeat: repeat-x;
	color: #FFFFFF;
}

#menufooter{
	width: 940px;
	height: 90px;
	padding-top: 15px;
	margin: 0 auto;
}

#adsfooter{
	width: 940px;
	height: 195px;
	padding-top: 20px;
	margin: 0 auto;
}

#adsfooter div{
	float: left;
}

#adsfooter h1{
	font-size: 1.6em;
	border-bottom: dotted 1px #fbbb00;
}
#google{
	width: 590px;
	margin: 0 10px 0 10px;
}

#contacto{
	width: 295px;
	margin: 0 10px 0 10px;
}

#rss{
	width: 125px;
}

#rss p{
	margin: 10px 0 10px 0;
}

#copyright{
	width: 940px;
	height: 75px;
	margin: 0 auto;
}

#copyright p{
	margin-top: 10px;
	font-size: 1.2em;
}

#logofooter{
	float: right;
	width: 70px;
}

/* Nav
----------------------------------------*/
ul#navfoot{
	width: 940px;
}

	
ul#navfoot li{
	float: left;
	list-style-type: none;
	margin-left: 10px;
}

	
/* Image Replacement 
----------------------------------------*/
ul#navfoot li a{
	/*Set to height of image*/
	height: 26px;
	display: block;
	text-indent: -9999px;
	outline: none;
}

	
/*Include all of your links with unique IDs. Use the correct path to the image and set the width of each image*/
li#navfoot00 a{
	background-image: url(../images/00_curso_foot.gif);
	width: 114px;
}

li#navfoot01 a{
	background-image: url(../images/01_ocho_foot.gif);
	width: 127px;
}

li#navfoot02 a{
	background-image: url(../images/02_nueve_foot.gif);
	width: 142px;
}

li#navfoot03 a{
	background-image: url(../images/03_glosario_foot.gif);
	width: 78px;
}

li#navfoot04 a{
	background-image: url(../images/04_enlaces_foot.gif);
	width: 70px;
}

	
/* CSS Rollover (Sprites) - Advanced Users!
----------------------------------------------------------*/
/*Each link must have a unique ID - Include all of your links here - Remove if not using!*/
li#navfoot00 a:hover, li#navfoot01 a:hover, li#navfoot02 a:hover, li#navfoot03 a:hover, li#navfoot04 a:hover {
	background-position: 0 -26px; /*Set to height of image !must be negative!*/
}

ul#navfoot li span{
	text-align: left;
	font-size: 1.1em;
	font-style: italic;
	line-height: 1.1em;
	margin-left: 25px;
}

li#navfoot00 span{
	display: block;
	width: 150px;
}

li#navfoot01 span{
	display: block;
	width: 150px;
}

li#navfoot02 span{
	display: block;
	width: 150px;
}

li#navfoot03 span{
	display: block;
	width: 150px;
}

li#navfoot04 span{
	display: block;
	width: 150px;
}


/* FORMULARIO COLOR/BORDERS CSS */

/* TEXT CSS */
.ddfmwrap {
	font-family: Arial, Helvetica, sans-serif;
	margin: 5px auto 5px auto;
	width: 290px;
}


.ddfmwrap p.fieldwrap {
	padding: 1px;
	margin: 1px;
	clear: left;
}

form.ddfm {
	text-align: left;
	padding: 10px;
	width: 430px;
}

form.ddfm fieldset {
	padding: 0 10px 2px 10px;
	margin: 0 0 13px 0;
	display: block;
}

form.ddfm legend {
	padding: 0 6px 0 6px;
	margin: 0 0 0 10px;
}

form.ddfm label {
	display: block;
	float: left;
	width: 15%;
	text-align: left;
	margin: 0 5px 0 0;
	padding-bottom: 5px;
	clear: left;
}




form.ddfm legend, 
form.ddfm label, 
form.ddfm label.fmtextlblwide {
	color: #FFFFFF;
}

form.ddfm textarea, 
form.ddfm .fmselect, 
form.ddfm input.fmtext,
form.ddfm input.fmdate,
form.ddfm input.fmverify,
form.ddfm textarea.fmtextwide,
form.ddfm .submit,
form.ddfm .credits {
	color: #333333;
}

form.ddfm .required {
	color: #FF0000;
}

form.ddfm legend, 
form.ddfm label, 
form.ddfm label.fmtextlblwide {
	font-size: 90%;
}

form.ddfm legend {
	font-size: 110%;
}


form.ddfm .fmcheck {
	width: 65%;
	float: left;
	display: block;
	margin-bottom: 15px;
}

form.ddfm .fmchecklabel {
	display: inline;
	float: none;
	clear: none;
	text-align: left;
	margin: 0;
	padding: 0;
}

form.ddfm .fmradio {
	width: 65%;
	float: left;
	display: block;
	margin-bottom: 15px;
}

form.ddfm .fmradiolabel {
	display: inline;
	float: none;
	clear: none;
	text-align: left;
	margin: 0;
	padding: 0;
}

form.ddfm .fmcheck p {
	padding: 0;
	margin: 0 0 5px 0;
	line-height: 140%;
}

form.ddfm .fmradio p {
	padding: 0;
	margin: 0 0 5px 0;
	line-height: 140%;
}

form.ddfm textarea {
	float: left;
	position: relative;
	width: 40%;
	margin-bottom: 5px;
	padding: 3px;
}

form.ddfm .fmfullblock {
	padding-left: 0px;
	float: left;
	width: 100%;
	margin-bottom: 13px;
	display: block;
}

form.ddfm .fmhalfblock {
	width: 65%;
	padding-left: 29%;
	margin-bottom: 13px;
	float: left;
	display: block;
}

form.ddfm input.fmverify {
	float: left;
	width: 22%;
	margin-bottom: 15px;
	padding: 3px;
	position: relative;
	display: block;
}

form.ddfm img {
	margin: 1px 0 0 10px;
	float: left;
}

form.ddfm input.fmfile,
form.ddfm input.fmtext {
	float: left;
	display: block;
	width: 40%;
	margin-bottom: 10px;
	padding: 3px;
}

form.ddfm input.fmdate {
	float: left;
	display: block;
	width: 35%;
	margin-bottom: 15px;
	padding: 3px;
}

form.ddfm textarea.fmtextwide {
	display: block;
	float: left;
	width: 93%;
	margin-right: 2px;
	margin-bottom: 15px;
	padding: 3px;
}

form.ddfm .submit {
	text-align: right;
	clear: both;
	width: 60%;
}



/*formularios inscripción*/
#form_box p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	color: #666666;
	margin-bottom: 10px;
}
.fieldclass {
	background-image: url(../images/field-bg.gif);
	background-repeat: repeat-x;
	border: 1px solid #c8c8c8;
	font-size: 13px;
	color: #333333;
	line-height: 13px;
	padding: 8px;
	margin-bottom: 20px;
	width: 360px;
}
.submitter {
	height: 44px;
	width: 114px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-position: top;
	cursor:pointer;
	display:block;
	background-color: transparent;
	background-image: url(../images/send-button.png);
}
.enviador {
	height: 44px;
	width: 114px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-position: top;
	cursor:pointer;
	display:block;
	background-color: transparent;
	background-image: url(../images/envio-button.png);
}

#log {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #666666;
	padding-top: 20px;
}


/*textos destacados*/
#acotacion{
	width:325px;
	padding:10px;
}

.yellow {
	color: #FBBB00
}

#acotacion blockquote{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.4em;
	line-height: 1.8em;
	color:#fbbb00;
	margin-top: 8px;
	margin-bottom: 8px;
	padding-left: 60px;
	/*background-color: transparent;*/
	background-image: url(../images/blockquote.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0px 8px;
}

/*textos destacados*/
#acotacionwide{
	width:540px;
	padding:10px;
}

.yellow {
	color: #FBBB00
}

#acotacionwide blockquote{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.4em;
	line-height: 1.8em;
	color:#fbbb00;
	margin-top: 8px;
	margin-bottom: 8px;
	padding-left: 60px;
	/*background-color: transparent;*/
	background-image: url(../images/blockquote.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0px 8px;
}