body{
	background: url(images/bg_home.jpg);
}

/**************  NAVEGACION   **************/

#logo{
	padding-top: 20px;
	padding-bottom: 20px;
}

#menu{
	padding-top: 15px;
}

#menu ul{
	list-style-type:none;
	float:right;
	margin:0;
}

#menu ul li{
  float:left;
	padding-left: 30px;
	padding-right: 30px;
	padding-top:20px;
	background: url("images/division.png") right repeat-y ;
}

#menu ul li a{
	color: #C12F28;
	font-weight:bold;
	font-size: 1.2em;
	text-transform: uppercase;
	text-decoration:none;
	line-height:0.7em;
}

#menu ul li a:hover, #menu ul li a:hover span {
  color: #3F7DB0;
}


#menu ul li a span{
	text-transform:none;
	display:block;
	font-size:0.7em;
	color:#C6404C;
}


#menu ul li.last{
	background:none;
}

 /**************  BANNER   **************/

#banner{
	background: url("images/bg_banner.jpg") repeat-x top center;
	height:313px;
}

#banner .bg-banner{
	background: url("images/bg_banner2.jpg") no-repeat top center;
	height:313px;
}

.text-banner{
	color:#FFF;
	padding-left:10px;
}

.btn-banner{
	padding-bottom:20px;
	padding-top:20px;
	padding-right:10px;
	text-align:right;
}

.corner-ul{
	position:absolute;
	float:left;
	margin:8px 0 0 4px;
}

.corner-ur{
	float:left;
	position:absolute;
	margin:8px 0 0 381px;
}

.corner-dl{
	float:left;
	position:absolute;
	margin:235px 0 0 4px;
}

.corner-dr{
	float:left;
	position:absolute;
	margin:235px 0 0 381px;
}


/**************  STRIPE   **************/
#stripe{
	background: url("images/bg_stripe.jpg") repeat-x top center;
  height:85px;
}

/**************  BREADCRUMB  **************/
.breadcrumb{
	background: url("images/breadder.png") no-repeat top right;
	height:32px;
}

.bg-bread{
	background: url("images/bg-breadcrumb.png") repeat-x top center;
	height:32px;
}

.breadcrumb ul{
	list-style-type:none;
	list-style-image:none;
	padding:0;
	margin:0;
}

.breadcrumb ul li{
	float:left;
	background: url("images/separator.png") no-repeat right top;
	line-height:32px;
	padding:0;
	margin:0;

}

.breadcrumb ul li a{
	color:#999;
	text-decoration:none;
	padding-right:20px;
	padding-left:10px;
	height:32px;
}

.breadcrumb ul li a:hover{
	color:#3F7DB0;
}



/**************  BORDER WRAPPER   **************/


.bor-top-izq {
    background: #efead6 url("images/topmainizq.png") no-repeat left top;
}

.bor-top-der {
    background: url("images/topmainder.png") repeat-y right top;
    /*padding: 0px 23px 0px 3px;*/
}

.bor-der {
    background: #efead6 url("images/mainder.png") repeat-y right center;

}

.bor-bot-izq {
    background: url("images/botmainizq.png") no-repeat left bottom;
}

.bor-bot-der {
    background: url("images/botmainder.png") no-repeat right bottom;

}

.bor-bot {
    background: url("images/botmain.png") repeat-x center bottom;
		margin-right:20px;
}

/**************  WRAPPER   **************/

/*Recuadro contenido de columna principal*/
.box-main{
	padding:10px 30px 0 10px;
}

.box-main a{
	font-size:13px;
	color:#3F7DB0;
	text-decoration:none;
}

/*Recuadro contenido de cursos*/
.box-main-content {
		margin-left:7px;
		padding:10px;
		margin-bottom:20px;
}


.box-content{
	background: #faf8ef;
}



#wrapper{
	padding-bottom:50px;
}

#message-top{
	color:#939737;
	font-style:italic;
	text-align:right;
}





.box-left{
  background-color:#F1F2DB;
  border:solid 1px #EAECCA;
  padding:15px;
  margin-bottom:20px;
}

.box-left ul li, .vineta li {
  background: url("images/vineta.gif") no-repeat left top;
}


ul{
	list-style:none;
	margin-left:0;
}

ul li{

	padding-bottom:20px;
	padding-left:25px;
}

ul.list-general li{
  background: url("images/vineta2.gif") no-repeat left top;
}

ul.list-footer li{
  background: url("images/vineta3.gif") no-repeat left top;
}

ul.list-footer { margin-bottom : 0; }
/********  PRE-FOOTER   **********/
#pre-footer{
  height:380px;
  background:#f3f3e5 url(images/bg_pre_footer.png) top center repeat-x;
}

.box-description{
  padding-top: 50px;
}

.bg-nos{
  background-image: url(images/bg_cts.png);
  background-repeat:no-repeat;
  background-color: transparent;
  margin-bottom:0;
  padding-left:45px;
  padding-right:28px;
  border:0;
  height:48px;
}

.bg-nos h3{
  padding-left: 50px;
  padding-top:30px;
}


/**************  FOOTER   **************/

#footer{
	background: url("images/bg_footer.jpg") repeat-x bottom center;
	height:650px;
}

.img-footer{
	background: url("images/footer.jpg") no-repeat bottom center;
	height:650px;
}

.info-board{
	height:580px;
}

.info-cts{
	color:#DBB16F;
	padding-top:20px;
}

.info-cts a{
	color:#FFF;
	font-weight:bold;
  text-decoration:none;
}

.contact{
	margin-top:120px;
}

.info-contact span{
  background-color: #783B19;
  color:#DBB16F;
}

span.title-contact{
    color:#ffe6d5;
    font-size:14px;
}

.medio-prepend{ padding-left:20px;}

.info-contact a{
	color: #DBB16F;
	text-decoration:none;
	line-height:30px;
	padding-left:4px;
	background-color: #783B19;
	padding: 2px 4px;
}

.info-contact .image{
    background-color: transparent;
}

.info-contact a:hover{
    color: #fff;
}

/**************  TIPOGRAFIA   **************/
h1.title-section {
  line-height:55px;
  color:#3f7db0;
  font-weight:bolder;
  padding-top:5px;
}

h1.underline{
  text-decoration:underline;
}

h2 {
  color: #0d3d63;
	font-weight:bolder;
}

h3.title{
  line-height:100px;
}

h2.title-right {
  background-color: #d7e2ec;
  padding-left:5px;
}

/**************  MISC   **************/

.hr{
	padding-bottom:20px;
	background: url("images/hr.jpg") repeat-x bottom center;
}


.link-info{
	text-align:right;
}

.link-info span{
	background: url("images/mas.gif") no-repeat left center;
	padding-left:30px;
	padding-top:10px;
	padding-bottom:10px;
	line-height:25px;
}

.link-info span a{
	color:#5582A9;
	font-weight:bold;
}

a{
	color:#3F7DB0;
}



.contenido{
	background-color: #faf8ef;
}


.transparent_class {
  filter:alpha(opacity=75);
  -moz-opacity:0.75;
  -khtml-opacity: 0.75;
  opacity: 0.75;
}

.no-top-line{
	border-top:none;
}
/**************  ADIESTRAMIENTO   **************/



.content legend {
    padding: 2px 10px;
    background:#fff;
}

.info-curso p{
  margin-bottom:3px;
}


.info-curso span{
  color:#3f7db0;
  font-weight:bold;
  font-size:smaller;
  padding-right:30px;
  display:inline-block;
}

.rails {
    background: url("images/ror.png") no-repeat left top;
		margin-bottom:0;
}

.linux {
    background: url("images/lnx.png") no-repeat left top;
		margin-bottom:0;
}

.html {
    background: url("images/html.jpg") no-repeat left top;
    margin-bottom:0;
}

.curso{
  background-color:#fff;
  overflow: visible;
}

.info-curso{
  float:left;
  padding-left:20px;
  width:50%;
}

.acc-curso{
  float:right;
  margin-right:-40px;
  position:relative;

}

.acc-curso img{
  padding-left:20px;
}

fieldset{
  padding-right:0;
  overflow: visible;
  margin-right:0;
}

/**************  PHOTOS   **************/
div.photos{background:#fff; padding:2px; float:left; }


/**************  FORM   **************/

 input.text, textarea.text{
 	width:95%;
 }

 .frm-contact{
 	text-align:right;
 }

.requerido {
    color:#9F141A;
    font-weight:bold;
    font-size:12px;
}

/**************  Tabla Planes & Precios   **************/

.cssguycomments {background:#eee;border:#ddd;padding:8px;margin-bottom:40px;}
.cssguycomments p {font:normal 12px/18px verdana;}

a img {border:0;vertical-align:text-bottom;}
table {border-collapse:collapse;}
th.side {
	background: transparent url(i/bg_th_side.png) no-repeat bottom left;
}
td.side {
	text-align:right;
	background: transparent url(i/bg_td_side.png) no-repeat bottom left;
	width:180px;
	font:bold 12px/15px verdana;
	color:#385878;
	padding-right:8px;
}

th {
	height:64px;
	border-right:1px solid #EFEAD6;
	vertical-align:bottom;
	color:#fff;
	font:normal 21px/26px arial;
	letter-spacing:2px;


	background:transparent url(i/bg_th.png) no-repeat bottom left;
	text-align:center;
	}
td {





	text-align:center;
	background:transparent url(i/bg_td.png) no-repeat bottom left;
	border-right:1px solid #EFEAD6;
	color:#fff;
	width:108px;
	height:40px;
	font:bold 12px/18px verdana;
}
td.on {background:transparent url(i/bg_td_on.png) no-repeat bottom left;}
th.on {
	background:transparent url(i/bg_th_on.png) no-repeat bottom left;
	padding-bottom:9px;
	width:148px;
}

tfoot td {
	background:transparent url(i/bg_foot_td.png) no-repeat top left;
	height:64px;
	vertical-align:top;
	padding-top:8px;
}
tfoot td.on {
	background:transparent url(i/bg_foot_td_on.png) no-repeat top left;
	padding-top:16px;
}
tfoot td.side {background: transparent url(i/bg_foot_td_side.png) no-repeat top left;}

#formcontainer {

	background:#656565 url(i/bg_form_e.png) no-repeat top left;
	position:absolute;
	top:24px;
	left:344px;
}
#formcontainer form {
	padding:8px 10px;
	margin:0;
}
#formcontainer h2 {
	margin:0;
	padding:0 0 14px 0;
	font:bold 21px/27px arial;
	color:#fff;
}
#formcontainer fieldset {
	border:none;
	padding:0;
	margin:0;
}
#formcontainer label {
	display:block;
	float:left;
	font:bold 12px/18px verdana;
	color:#fff;
	padding-bottom:12px;
}
#formcontainer label.nombre {
	width:350px;
}
#formcontainer label.nombre input {
	width:340px;
}
#formcontainer label.correo {
	clear:left;
	width:190px;
	padding-right:10px;
}
#formcontainer label.correo input {
	width:190px;
}
#formcontainer label.telefono input {
	width:140px;
}
#formcontainer label.comentario textarea {
	width:330px;
	height:80px;
}
#formcontainer fieldset.buttons {
	clear:left;
}
#formcontainer fieldset.buttons input {
	padding-right:10px;
}
#prices {
	position:relative;
	width:685px;
	margin-left:40px;
}



.labels{
position:relative;
float:right;
left:-256px;
top:60px;
}

.labels a img{
position:absolute;
}

.labelc{
position:relative;
float:right;
left:-154px;
top:220px;
}

.labelc a img{
position:absolute;
}

.labels a { text-decoration:none; }

ul.list-hosting li{
  background: url("images/add.png") no-repeat left top;
  padding-bottom:10px;
}

#contact-form .errortb{
color:#9F141A;
font-size:11px;
margin-left:14px;

}