/*  
Theme Name: Coldstone
Theme URI: http://www.elegantthemes.com
Description: ColdStone from Elegantthemes.com
Version: 1.0
Author: ElegantThemes.com
Author URI: http://www.elegantthemes.com/
Tags: Stone, Dark, Two Column, Widget
*/
 

/* Global Settings */
 
html, body {
border:0;
margin:0;
padding:0;
}
 
body {
background: #374953 url(img/cursos.png) repeat center top;
font: 75% Trebuchet MS, verdana, arial, helvetica, tahoma, sans-serif;
color: #999;
/* line-height: 18px; */
}

#page-logo {
	background: url(img/page-logo.png); 
	z-index: -1; 
	width: 394px; 
	height: 394px;
	position: absolute;
	right: 0;
}

a {
color: #A40505;
color: #ffa400;
}
 
/* Common Formatting */
 
h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
font-weight:normal;
}
 
h1 {
padding:30px 0 25px 0;
letter-spacing:-1px;
font:16px helvetica, arial, sans-serif;
}
 
h2 {
padding:20px 0;
letter-spacing:-1px;
font:24px Trebuchet MS, helvetica, arial, sans-serif;
}
 
h3 {
font:12px helvetica, arial, sans-serif;
font-weight:bold;
}
 
p, ul, ol {
margin:0;
padding:0 0 18px 0;
}
 
ul, ol {
list-style:none;
padding:0 0 18px 40px;
}

.single-thumb {
border: 7px solid #DFDFDF;
float: left;
display: inline;
margin: 0px 15px 5px 0px;
}

blockquote {
margin:22px 40px;
padding:0;
}
 
small {
font-size:0.85em;
}
 
img {
margin:0;
border:0;
padding:0;
}
 
sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}
 
sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}
 
acronym, abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}
 
/* Links */
 
a, a:visited {
text-decoration:none;
}
 
/* Forms */
 
form {
margin:0;
padding:0;
display:inline;
}
 
input, select, textarea {
font:1em helvetica, arial, sans-serif;
    margin: 0;
}
 
textarea {
line-height: 14px;
}
 
label {
cursor:pointer;
}
 
 
/* Wrapper */
 
#wrap {
width:960px;
margin:0 auto;
}
 
/* Global Classes */
 
.clear         { clear:both; }
 
.float-left    { float:left; }
.float-right   { float:right; }
 
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
 
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#161616; color:#0fb2fc; }
 
.wrap          { width:960px;margin:0 auto; }
 
.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px; }
 
.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }

/* Layout */

.htop {
width:100%; height:12px;
background:url(img/vtop.png) repeat-x;
}

#wrapp_ {
width:946px;
height:100%;
margin:0 auto;
}

.logo {
float:left;
width:273px;
height:62px;
margin-top: 11px;
}

/* 

  Navigation Styles 
  .tnav* = Top Right Menu
  .bnav* = 2nd Level Menu

*/

/* Top Navi Styles */

.tnavwrap {
margin: 21px 2px 0 0;
float:  right;
height: 47px;
font: 12px Helvetica;
}

.tnavileft {
float:left;
height: 47px;
width:6px;
background: url(img/tnav_l-tr.png) no-repeat;
}

.tnavinner {
float:left;
height: 47px;
background:url(img/tnavbg.png) repeat-x;
}

.tnavend {
float:left;
height: 47px;
width:6px;
background:url(img/tnav_r-tr.png) no-repeat;
}

.tnavinner ul {
float: left;
display: block;
margin:0; 
padding:0;
}


.tnavinner ul li {
float: left;
display: block;
}

.tnavinner ul li a {
float: left;
display: block;
color:#b0c6ff;

text-transform:uppercase;
font-weight: bold;

padding:6px 12px 11px 12px;
padding: 15px;
}

.tnavinner ul li a:hover {
    color: orange;
    text-decoration: none;
}

/*.tnavinner ul li:hover {
background:#e9e9ce url(img/arrow.png) no-repeat top center;
background: transparent url(img/arrow.png) no-repeat top center;
}*/

/* 2nd Level Navi Styles */


.bnavwrap {
width:944px;
background-color: #3F4045;
height:45px;
float: left;
}

.bnavileft {
float:left;
width:6px;
overflow:hidden;
height:45px;
background:url(img/bnav-l.png) no-repeat;
}

.bnavinner {
float:left;
height: 47px;
background:url(img/tnavbg.png) repeat-x;
}

.bnavend {
float:left;
height:45px;
width:6px;
background:url(img/bnav-r.png) no-repeat;
}

.bnavinner ul {
margin: 0px; 
padding: 0px;
float:left;
}

.bnavinner ul li {
float: left;
display: block;
padding: 0px;
height:47px;
}

.bnavinner ul li a {
color: #fafafa;
color: #b0c6ff;
padding: 15px 15px 15px 15px;
margin: 0px;
display: block;
text-transform: uppercase;
font-weight: bold;
}

/*.bnavinner ul li ul a {
    font-weight: normal;
    font-size: xx-small;
}*/

.bnavinner ul li a:hover {
    color: orange;
    text-decoration: none;
}
/*
.bnavinner ul li a:hover {
background:url(img/cat-hover.gif);
background-repeat: repeat-x;
background:#e9e9ce url(img/arrow.png) no-repeat top center;
}*/
/* .

  Featured Content Styles 

*/

.featured_thumbnail {
width: 867px;
width: 500px;
height: 250px;
}


.feature_wrap {
width:944px;
/*min-height:300px;*/
overflow:hidden;
background:url(img/slidebg.jpg) no-repeat right;
background:#FFF url(img/fbg.png) repeat-x;
background: transparent url(img/fondo-cursos-animacion.jpg) repeat-x;
float: left;
height: 351px;
}


/*

  Sub Post Styles 
  Lifestream Styles

*/

.subpost_wrap {
min-height: 477px;
background: url(img/subpost_wrap.gif) no-repeat 0 -5px;
float: left;
font-family: Trebuchet MS;
}

.life_wrap, .subpost_right {
float:right;
width:209px;
margin-top: 20px;
margin-right: 2px;
}

.subpost_left2 {
float:left;
width:235px;
margin-top: 45px;
overflow: hidden;
}

.subpost_center {
    margin: 20px 230px 0 240px;
}

/* 

 Footer Styles 

*/

.footer {
font-family: Verdana, "Trebuchet MS", "Lucida Grande", Helvetica, Arial, sans-serif;
clear:both;
width:944px;
background:#2c2d31;
overflow:hidden;
margin-bottom:40px;
}

.footer p {
color:#777;
margin-left:20px;
}

.footer p a {
color:#fafafa;
}

.footer p a:hover {
color:#fff;
}

/*

 Feature Slideshow Styles 

*/

.feature_slide {
clear:both;
padding:15px;
/*margin:0 auto;*/
width:885px;
width: 867px;
width: 518px;
/*height:250px;*/
height:270px;
float:left;
}

.feature_slide img {
/*border: 10px solid #DFDFDF;*/
}

.feature_content {
font-size: 12px; 
height: 257px;
padding: 10px;
color: #d5efff;
cursor: pointer;
padding-bottom: 3px;
}

.tabNavigation {
width: 230px;
}

ul.tabNavigation  {
margin:0; padding:0;
/*float:right;*/
position:relative;
top:-60px;
top: 20px;
}

ul.tabNavigation li {
float: left;
padding-right:10px;
display: block;
}

ul.tabNavigation li a {
color:#FFF;
font-size:2em;
font-family: georgia, verdana, helvetica, arial;
padding: 1px 6px 10px 10px;
float: left;
display: block;
}

ul.tabNavigation li a:hover {
/*background:#000;*/
}

.feat_post {
font-family:helvetica, arial, sans-serif;
position:relative;
float:left;
background:none;
width:500px;
top:-15px;
left:10px;
width: 380px;
color:white;
}

.feat_post h2 span {
color:#ccc;
font-size:1.8em;
font-family:helvetica, arial, sans-serif;
}

.feat_post h2 a {
color:#a40505;
color:#ffa400;
font-size:1.4em;
font-family:helvetica, arial, sans-serif;
}

.feat_post h2 a:hover {
color:#c70606;
color:#e1b058;
}

.feat_post h2 {
padding-bottom:0; margin-bottom:10px;
}

.feat_post p {
line-height:150%;
color:#333;
font-size:1.1em;
padding-left:25px;
padding-top:10px;
margin-bottom:0; padding-bottom:0;
}

.keepreading {
float:right;
padding-left:20px;
background:url(img/arrow2.png) no-repeat left;
margin-top:12px;
height:16px;
/*position:relative;
right:-25px;*/
}

.keepreading a {
color:#FFF;
font-size: 12px;
background:#3F4045;
padding:4px 7px 4px 7px;
}

.keepreading a:hover {
color:#FFF;
}

.feature_widget {
float:right;
margin:0px 20px 20px 10px;
}

/*

 SUB POST STYLES

*/

.subpost {
position:relative;
/*float:left;*/
padding:0;
margin-left: 5px;
/*background:url(img/line.gif) no-repeat bottom;*/
}

.subpost a {
	color: #ff5400;
}

.subpost img {
/*float:left;
border:5px solid #615E56;*/
    padding: 5px;
}

.catimage {
border:5px solid #DEDEDE !important;
}

.sub_article {
/*float:left;*/
width:376px;
margin-left:20px;
color:#fff;
}

.sub_article p {
padding-top:10px;
line-height: 14px;
font-size:0.9em;
}

.sub_article h3 a, .subpost h3 a {
color: orange;
font-size:1.4em;
padding:4px 5px 4px 5px;
clear: both;
}

.sub_article h3, .subpost h3 {
margin-bottom: 10px;
}

.sub_article h3 a:hover {
background:#c11717;
}

.subpost h3 a:hover {
color: orange;
}

.subpost_left {
margin-top:20px;
width:500px;
width:571px;
float:left;
}

.large-thumb {
width: 470px;
height: 110px;
margin-bottom: 6px;
}

/*

 LifeStream Styles Pt2 

*/

.aboutustab {
background:#6C6351 url(img/edit.png) no-repeat left;
background-position:8px;
padding:10px 5px 10px 34px;
color:#FFF;
width:350px;
float: left;
}

.aboutus {
width:365px;
background:#766e5b url(img/tag.png) repeat-x left bottom;
color:#FFF;
padding:10px 10px 18px 14px;
line-height:120%;
font-size:1.1em;
margin-bottom: 15px;
float: left;
}

.aboutus ul {
width: 360px;
float: left;
padding: 0px;
margin: 0px;
}

.aboutus ul li {
padding-bottom:5px;
width: 340px;
padding-left:20px;
background:url(img/arrow3.png) no-repeat left center;
display: block;
float: left;
}

.aboutus ul li a:hover {
background:none;
color:#FFF;
}

.aboutus ul li {
padding-top:3px;
padding-bottom:3px;
}

.aboutus a{
color:#f2f2f2;
padding-left:0; padding-left:0;
}


.aboutimage {
border: 5px solid #5F5949;
float: left;
display: inline;
margin-right: 10px;
margin-bottom: 5px;
}
/*

   JS Switcher 

*/

.side_box {

}

.tabbed {
width:320px; 
margin-top:4px;
margin-left:0px;
margin-left:20px;
float: left;
}

#side_inner {
width:95%;
height:440px;
margin:0 auto;
margin:9px 0 0 7px;
}

.tabbed ul {
margin:0; 
padding:0; 
float: left;
}

.tabbed ul li { 
padding-right:5px;
float: left;
}

.tabbed ul li a {
color:#d9d9d9;
font-size:1.1em;
padding:8px 12px 7px 12px;
font-weight: bold;
font-size: 12px;
}

.tabbed ul li a:hover {

}

.tabbed div.t3 a:before {
color:#ccc;
margin-right:10px;
}

.tabbed div.t4 a:before {
color:#ccc;
margin-right:10px;

}

.tabbed div.t1, .tabbed div.t2, .tabbed div.t3, .tabbed div.t4 {
width:384px;
background:#766e5b url(img/tag.png) repeat-x left bottom;
margin-top:0px;
margin-bottom: 15px;
display: none; 
padding-top:10px;
padding-bottom: 15px;
padding-left:5px;
text-indent:1.4em;
float: left;
}

.tabbed div.t1 ul li, .tabbed div.t2 ul li, .tabbed div.t3 ul li, .tabbed div.t4 ul li {
padding-bottom:5px;
width:90%;
padding-left:10px;
background:url(img/arrow3.png) no-repeat left center;
margin-left:10px;
display: block;
float: left;
clear: both;
}

.tabbed div.t1 ul li a:hover, .tabbed div.t2 ul li a:hover, .tabbed div.t3 ul li a:hover, .tabbed div.t4 ul li a:hover {
background:none;
color:#FFF;
}

.tabbed div.t3 ul li, .tabbed div.t4 ul li {
padding-top:3px;
padding-bottom:3px;
}

.tabbed div.t1 a, .tabbed div.t2 a, .tabbed div.t3 a, .tabbed div.t4 a {
color:#f2f2f2;
padding-left:0; 
padding-left:0;
}

.tabbed ul.tabs li a {
background:#6C6351;
}

.tabbed ul.tabs li a:hover {
background:#766E5B;
}

.tabbed ul.tabs li a.tab-current  {
background:#766E5B;
}

.t1 ul li {
color:#f2f2f2;
}

ul#comments li a {
color:#fafafa;
}

.t1, .t3, .t4 {
float: left;
display: block;
}

/* 
  Single Page Styles
*/

.single_wrap {
width:944px;
height:auto;
overflow:hidden;
/*background:#FFF url(img/singlebg.png) repeat-x;*/
float: left;
}

.single_post, .single_content {
/*font-family:helvetica, arial, sans-serif;*/
text-align: justify;
position:relative;
float:left;
background:none;
width:650px;
top:-5px;
left:30px;
}

.single_content {
    top: 0;
    left: 0;
    width: 580px;
}

.single_post h2 span {
color:#ccc;
font-size:1.5em;
font-family:helvetica, arial, sans-serif;
}

.single_post h2 a {
color:#a40505;
color:#ffa400;
font-size:1.4em;
font-family:helvetica, arial, sans-serif;
}

.single_post h2 a:hover {
color:#c70606;
color:#e1b058;
}

.single_post h2 {
padding-bottom:0; margin-bottom:0;
background:url(img/rip.png) no-repeat left;
background-position:0 80%;
padding-left:30px;
margin-top:15px;
margin-bottom:20px;
}

.single_post p {
line-height:150%;
color:#333;
font-size:1.1em;
padding-top:10px;
margin-bottom:0; padding-bottom:0;
}

.post-info {
padding: 10px 0px;
border-top: 1px solid #DBDBDB;
border-bottom: 1px solid #DBDBDB;
float: left; 
clear: both;
margin-bottom: 20px;
width: 100%;
}

.post-info2 {
padding: 5px 0px;
border-top: 1px solid #DBDBDB;
border-bottom: 1px solid #DBDBDB;
float: left; 
clear: both;
margin-bottom: 5px;
width: 100%;
font-size: 10px;
color: #000;
}

.post-info3 {
padding: 0px 0px 5px 0px;
border-bottom: 1px solid #615E56;
float: left; 
margin-bottom: 5px;
margin-top: 0px;
width: 100%;
font-size: 10px;
color: #4A473F;
}




.post-info2 a:link, .post-info2 a:visited {
color: #000;
}
/* 
   Sidebar Styles
*/

.sidebar {
float:right;
margin-top:30px;
margin: 0;
width:340px;
}

.adverts img {
margin-right:25px;
float:right;
border: 3px solid #E7E7E7;
}

.feature_widget img {
margin-right:10px;
border: 3px solid #E7E7E7;
}

.adverts {
width:100%;
height:200px;
padding-top:40px;
background:url(img/sideline.png) repeat-y right;

}

.side_header {
text-align:left;
color:#333;
padding:10px;
font-size:1.2em;
padding-left:20px;
}

.side_roll {
/* margin-top:20px; */
}

.side_roll2 ul, .side_roll ul {
list-style-type:none;
}

.side_roll2 ul il, .side_roll ul il {
list-style-type:none;
}

.side_roll2, .side_roll {
padding: 10px;
margin-bottom: 10px;
float: left;
/* background-color: #FBFBFC; */
width: 300px;
}

.side_roll ul li a:link, .side_roll ul li a:visited, .side_roll ul li a:active {
display: block; 
color: #727272; 
width: 255px;
padding: 5px 3px 3px 3px; 
border-bottom: 1px dotted #D7D7D7;
} 

.side_roll2 ul li a:link, .side_roll2 ul li a:visited, .side_roll2 ul li a:active {
display: block; 
color: #999; 
width: 255px;
padding: 5px 3px 3px 3px; 
border-bottom: 1px dotted #D7D7D7;
}

.side_roll2 ul, .side_roll ul {
float: left;
margin: 0px 0px 0px 0px;
padding-left: 10px;
list-style-type: none;
}

.side_roll2 ul li ul, .side_roll ul li ul {
float: left;
margin: 0px 0px 0px 0px;
padding-left: 0px;
list-style-type: none;
float: left;
}

.side_roll2 ul li ul li, .side_roll ul li ul li {
margin: 0px 0px 0px 0px;
padding-left: 0px;
}

.side_roll h3 {
background:url(img/folder.gif) left no-repeat;
margin-bottom:15px;
color:#333;
font-size:1.2em;
padding-left:30px;
}

.side_roll2 h3 {
background:url(img/folder.gif) left no-repeat;
margin-bottom:15px;
color: white;
font-size:1.2em;
padding-left:30px;
}

.life_wrap .side_roll {
width:389px;
background:#766e5b url(img/tag.png) repeat-x left bottom;
color:#FFF;
padding:0px 0px 18px 0px;
line-height:120%;
font-size:1.1em;
margin-bottom: 15px;
float: left;
margin-top: 0px;
}

.life_wrap .side_roll h3 {
background:#6C6351 url(img/edit.png) no-repeat left;
background-position:8px;
padding:10px 5px 10px 34px;
color:#FFF;
width:350px;
float: left;
display: block;
}

.life_wrap .side_roll ul {
width: 360px;
float: left;
padding: 0px;
margin: 0px 0px 0px 25px;
}

.life_wrap .side_roll ul li {
padding-bottom:5px;
width: 340px;
padding-left:20px;
background:url(img/arrow3.png) no-repeat left center;
display: block;
float: left;
}

.life_wrap .side_roll ul li a:hover {
background:none;
color:#FFF;
}

.life_wrap .side_roll ul li {
padding-top:3px;
padding-bottom:3px;
}

.life_wrap .side_roll ul li a:link, .life_wrap .side_roll ul li a:visited {
color:#f2f2f2;
padding-left:0; 
padding-left:0;
border: none;
}


.browsing {
padding-left:20px;
}

.browsing h2 {
color:orange;
font-size:1.8em;
margin-top:0;
padding-top:0;
}

/* Begin Comments*/

.commentlist {
padding: 0px;
margin: 0px 0px 0px 0px;
width: 560px;
background-image: url(images/comment-bg.gif);
list-style-image: none;
list-style-type: none;
float: left;
}

.commentlist li {
    font-weight: bold;
    width: 560px;
    display: block;
    background-image: url(images/comment-bottom.gif);
    background-repeat: no-repeat;
    background-position: bottom left;
    padding: 0px 0px 45px 0px;
    margin: 0px;
    list-style-image: none;
    list-style-type: none;
    float: left;
    }

.commentlist li div {
    width: 540px;
    display: block;
    background-image: url(images/comment-top.gif);
    background-repeat: no-repeat;
    margin: 0px;
    padding: 10px;
    float: left;
}

.commentlist li .avatar { 
    float: left;
    border: 1px solid #eee;
    padding: 2px;
    background: #fff;
    }

.commentlist cite {
    font-size: 18px;
    float: left;
    font-style: normal;
    margin-left: 10px;
    margin-right: 6px;
    margin-top: 5px;
    font-weight: normal;
    }
    
.says {
display: none;
}

.commentlist p {
    font-weight: normal;
    line-height: 1.5em;
    text-transform: none;
    display: block;
    float: left;
    width: 90%;
    margin-left: 3%;
    }
    

#commentform p {
clear: both;
    }

.alt {
    margin: 0;
    padding: 10px;
    }

.nocomments {
    text-align: center;
    margin: 0;
    padding: 0;
    }

.commentlist .children li {
    width: 90%;
    display: block;
    margin: 0px;
    background-color: #FDFDFD;
    background-image: url(images/comment-children-bg.gif);
    background-position: left;
    background-repeat: repeat-y;
    border: 1px solid #E2E2E4;
    overflow: hidden;
}

.commentlist .children li div {
width: 97%;
padding: 3%;
background-image: url(images/comment-children-top.gif);
background-repeat: no-repeat;
background-position: top left;
}

.commentlist .commentmetadata {
    font-weight: normal;
    float: left;
    margin: 5px 0px 0px 0px;
    display: block;
    clear: both;
    background-image: none;
    width: 90%;
    margin-left: 3%;
    }
    
.commentlist .vcard, .commentlist .children .comment-author, .commentlist .children .vcard, .commentlist .commentmetadata, .commentlist .children .comment-author, .commentlist .children .comment-meta   {
    background-image: none;
    width: 100%;
    padding: 0px !important;
}

.commentlist .reply, .commentlist .children .reply {
    float: right;
    background-image: none;
    width: 54px;
    height: 22px;
    margin-bottom: 0px;
    padding: 0px;
    margin-right: 10px;
    font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

.commentlist .reply a:link, .commentlist .reply a:hover, .commentlist .children .reply a:link, .commentlist .children .reply a:hover {
    background-image: url(images/reply.gif);
    width: 39px;
    height: 17px;
    display: block;
    color: #FFF;
    font-size: 8px;
    text-transform: lowercase;
    font-weight: normal;
    padding: 5px 0px 0px 15px;
    letter-spacing: 1px;
}

.commentlist .children li {
padding-bottom: 10px;
}

.commentlist .children li ul li {
padding-bottom: 10px;
background-color: #FFF;
}

#respond {
margin-top: 20px;
float: left;
background-image: none;
}

.commentlist #respond h3, .commentlist #respond a {
margin-left: 28px;
}

#comments {
line-height: 30px;
color: #A40505;
color:#ffa400;
font-weight: normal;
font-size: 20px;
margin-bottom: 15px;
}

.children {
clear: both;
}

.children .commentmetadata, .children .vcard  {
    background-image: none;
}

.children textarea {
width: 90% !important;
}

.children input {
width: 80% !important;
}

#cancel-comment-reply-link {
display: block;
background-image: url(images/comment-close.gif);
width: 144px;
height: 21px;
padding: 5px 0px 0px 23px;
font-weight: normal;
color: #84878E;
font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

#respond div {
background-image: none;
}

#submit {
width: 120px !important;
}

#commentform {
margin: 1em 0;
background: #FFFFFF;
margin-left: 20px;
}

#commentform textarea {
background: #f8f7f6;
border: 1px solid #d6d3d3;
width: 370px;
}

#commentform #email {
font-size: 1.1em;
background: #f8f7f6;
border: 1px solid #d6d3d3;
width: 280px;
background-image: url(img/comment-email.gif);
background-position: 7px 7px;
background-repeat: no-repeat;
height: 20px;
padding-left: 30px;
padding-top: 6px;
}

#commentform #author {
font-size: 1.1em;
background: #f8f7f6;
border: 1px solid #d6d3d3;
width: 280px;
background-image: url(img/comment-author.gif);
background-position: 7px 7px;
background-repeat: no-repeat;
height: 20px;
padding-left: 30px;
padding-top: 6px;
}

#commentform #url {
font-size: 1.1em;
background: #f8f7f6;
border: 1px solid #d6d3d3;
width: 280px;
background-image: url(img/comment-website.gif);
background-position: 7px 7px;
background-repeat: no-repeat;
height: 20px;
padding-left: 30px;
padding-top: 6px;
}

#commentform #email:focus {
font-size: 1.1em;
background: #ffffff;
border: 1px solid #939793;
width: 280px;
background-image: url(img/comment-email.gif);
background-position: 7px 7px;
background-repeat: no-repeat;
height: 20px;
padding-left: 30px;
padding-top: 6px;
}

#commentform #author:focus {
font-size: 1.1em;
background: #ffffff;
border: 1px solid #939793;
width: 280px;
background-image: url(img/comment-author.gif);
background-position: 7px 7px;
background-repeat: no-repeat;
height: 20px;
padding-left: 30px;
padding-top: 6px;
}

#commentform #url:focus {
font-size: 1.1em;
background: #ffffff;
border: 1px solid #939793;
width: 280px;
background-image: url(img/comment-website.gif);
background-position: 7px 7px;
background-repeat: no-repeat;
height: 20px;
padding-left: 30px;
padding-top: 6px;
}

#commentform input {
margin-bottom: 3px;
}

/* End Comments */

.nav ul {position:absolute;top:-999em; background-position: bottom; background-repeat: no-repeat; background-image: url(img/pages-bottom.png); padding-bottom: 20px;}

.nav li {float:left; position:relative; z-index:100; display: block;}

.nav a {display:block; float: left;}

.nav ul li{width: 100%;}

.nav li:hover ul,ul.nav li.sfHover ul {left:0px;top:39px;}

.nav li:hover li ul,.nav li.sfHover li ul {top:-999em;}

.nav li li:hover ul,ul.nav li li.sfHover ul {left:240px;top:0px;}

.nav li:hover ul,.nav li li:hover ul {top: -999em;}

/*** Skinning - Superfish menu (Some final font colors and backgrounds) ***/

.nav img {
    vertical-align: middle;
}

.nav li li {
display: block;
padding: 0px;
background-color: #e9e9ce;
float: left;
height: auto !important;
width: 240px;
}

.nav li ul {
width: 240px;
}

#menu ul li ul {
width: 240px;
}

.nav li li a:link, .nav li li a:visited {
width: 180px;
display: block;
padding: 10px 30px 10px 30px;
height: auto;
float: left;
}

.nav li li a:hover {
background-color: #DDDDB9;
background-image: url(img/pages-hover-arrow.gif);
background-repeat: no-repeat;
background-position: 14px 14px;
width: 180px;
display: block;
padding: 10px 30px 10px 30px;
height: auto;
float: left;
}

#nav2 ul {
background-image: url(img/categories-bottom.png); 
padding-bottom: 18px;
}

#nav2 li:hover ul,ul#nav2 li.sfHover ul {
top:44px;
top:39px;
}

#nav2 li {
z-index:99;
}

#nav2 li li {
background-color: #3F4045;
background-image: none;
margin: 0px;
z-index:100;
}

#nav2 li li a:hover {
background-color: #34353B;
border: none;
background-image: url(img/pages-hover-arrow2.gif);
}

#nav2 li li:hover ul,ul#nav2 li li.sfHover ul {top:0px;}
/* 

  Search Styles 

*/

.search {
float:left;
margin:5px 10px 0px 0px;
width:230px;
height:32px;
background:url(img/searchbg.png) no-repeat;
padding: 0px;
}

#searchform {
padding: 0px;
width:230px;
height:32px;
}
.search input {
margin:4px 0 0 10px;
height:21px;
width:170px;
background:none;
font-size:1.4em;
color:#f2f2f2;
float: left;
border:none;
font-size: 12px;
padding: 5px 0px;
}

#searchsubmit {
width: 32px;
height: 32px;
float: left;
margin: 0px;
padding: 0px;
}

.footer-box {
width: 250px;
float: left;
padding: 20px;
margin-left: 15px;
border: 1px solid #333539;
background-color: #292A2E;
color: #FFFFFF;
}

.footer-box ul {
margin: 0px;
padding: 0px;
}

.footer-box ul li {
margin: 0px;
padding: 0px;
display: block;
float: left;
width: 100%;
}

.footer-box a:link, .footer-box a:hover, .footer-box a:visited {
color: #D5D5D5;
display: block;
padding: 5px 10px;
width: 100%;
}

.navWrapper {
position: relative;
top: 17px;
}

/* EXTRAS */

.blueBoxTop {
    background: url('/imagenes/fichas-top.gif');
    height: 28px;
}

.blueBoxBottom {
    background: url('/imagenes/fichas-footer.gif');
    height: 40px;
}

.blueBoxContent {
    background: url('/imagenes/fichas-medio.gif');
    padding: 0 10px;
}
/*
.navyBoxTop {
    background: url('images/navyBox/navyBoxTop.gif');
    height: 20px;
}

.navyBoxBottom {
    background: url('images/navyBox/navyBoxBottom.gif');
    height: 20px;
    margin-bottom: 10px;
}

.navyBoxContent {
    background: url('images/navyBox/navyBoxContent.gif');
    padding: 0 10px;
}

.navyBoxContent h2, 
*/
.blueBoxContent h2 {
    font-size: 28px;
    padding: 0 0 10px 0;
}

.stripeBoxTL, stripeBoxT, stripeBoxTR, stripeBoxBL, stripeBoxB, stripeBoxBR, stripeBoxL, stripeBoxR {
    width: 7px;
    height: 7px;
}

.stripeBoxTL { background: url('images/stripeBox/stripeBoxTL.gif') }
.stripeBoxT { background: url('images/stripeBox/stripeBoxT.gif') }
.stripeBoxTR { background: url('images/stripeBox/stripeBoxTR.gif') }
.stripeBoxL { background: url('images/stripeBox/stripeBoxL.gif') }
.stripeBoxC { background: url('images/stripeBox/stripeBox.gif') }
.stripeBoxR { background: url('images/stripeBox/stripeBoxR.gif') }
.stripeBoxBL { background: url('images/stripeBox/stripeBoxBL.gif') }
.stripeBoxB { background: url('images/stripeBox/stripeBoxB.gif') }
.stripeBoxBR { background: url('images/stripeBox/stripeBoxBR.gif') }

.Estilo1 {font-size: 10px; color: #666666; }
.Estilo2 {font-size: 12px; color: #666666; }
.Estilo4 {font-size: 12px; color: #666666; font-weight: bold; }

.xEstilo1 {
    font-family: Geneva, Arial, Helvetica, sans-serif;
    color: #FF9900;
    font-weight: bold;
    font-size: 10px;
}
.xEstilo4 {font-family: Geneva, Arial, Helvetica, sans-serif; color: #999999; font-size: 9px; }

/* this makes it possible to add next button beside scrollable */
.scrollable {
    float:left; 
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
    background:url(http://static.flowplayer.org/tools/img/scrollable/arrow/hori_large.png) no-repeat;
    display:block;
    width:30px;
    height:30px;
    float:left;
    margin:22px 10px;
    cursor:pointer;
    font-size:1px;
	margin-left: 20px;
}

/* right */
a.right                 { background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover       { background-position:-30px -30px; }
a.right:active  { background-position:-60px -30px; } 


/* left */
a.left              { margin-left: 0px; } 
a.left:hover        { background-position:-30px 0; }
a.left:active   { background-position:-60px 0; }

/* up and down */
a.up, a.down        { 
    background:url(http://static.flowplayer.org/tools/img/scrollable/arrow/vert_large.png) no-repeat; 
    float: none;
    margin: 10px 50px;
}

/* up */
a.up:hover          { background-position:-30px 0; }
a.up:active         { background-position:-60px 0; }

/* down */
a.down              { background-position: 0 -30px; }
a.down:hover        { background-position:-30px -30px; }
a.down:active   { background-position:-60px -30px; } 


/* disabled navigational button */
a.disabled {
    visibility:hidden !important;       
}   

/*
    root element for the scrollable.
    when scrolling occurs this element stays still.
*/
.scrollable {
    /* required settings */
    position:relative;
    overflow:hidden;
    width: 770px;
    width: 100%;
    height: 80px;
}

/* 
    root element for scrollable items. Must be absolutely positioned
    and it should have a extremely large width to accomodate scrollable items.
    it's enough that you set the width and height for the root element and
    not for this element.
*/
.scrollable .items {
    /* this cannot be too large */
    width:20000em;
    position:absolute;
    clear:both;
}

div.items div {
    float: left;
    text-align: center;
    width: 140px;
    margin: 4px 5px 5px;
    
    /*background-color:#fff;*/
    border:2px solid transparent;
    
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
}

/* single scrollable item */
.scrollable img {
    cursor:pointer;
}

/* active item */
.scrollable .active {
    border:2px solid transparent;
    z-index:9999;
    position:relative;
}

#image_wrap { 
    /* dimensions */ 
    width:677px; 
    margin:15px 0 15px 40px; 
    padding:15px 0; 
 
    /* centered */ 
    text-align:center; 
 
    /* some "skinning" */ 
    background-color:#efefef; 
    border:2px solid #fff; 
    outline:1px solid #ddd; 
    -moz-ouline-radius:4px; 
}

#formulario_cupon {
    /*background: url(images/cursos-fondo-formulario.png) no-repeat;*/
    color: white;
    padding: 10px 0 10px 5px;
    width: 330px;
    /*height: 318px;*/
}

.label_cupon {
    float: left;
    width: 80px;
    text-align: right;
}

.campo_cupon {
    float: left;
    width: 180px;
}

.caja_cupon {
    clear: both;
    padding: 5px 0;
}

:focus {
  -moz-outline-style:none;
}

.rbox {background: transparent;}
.rtop, .rbottom {display:block; background:transparent; font-size: 1px}
.rb1, .rb2, .rb3, .rb4 {display:block; overflow:hidden;}
.rb1, .rb2, .rb3 {height:1px;}
.rb2, .rb3, .rb4 {border-style: solid; border-width: 0 1px; background:#73848C; border-color: #737B84}
.rb1 {margin:0 5px; background: #737B84;}
.rb2 {margin:0 3px; border-width:0 2px;}
.rb3 {margin:0 2px;}
.rb4 {height:2px; margin:0 1px;}
.rboxcontent {border: 1px solid; border-color: #73848C #737B84; background: #73848C; }

.articleinfo a { color: #999; }

.table { border-collapse: collapse; margin: 0; padding: 0; width: 100%; }
.table td { padding: 0 }

.blogs {
	color: #333;
}