body { border:0px; margin:0px; }
div {  font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none}


/* IPROJECT STYLES */
 
 /* GENERAL STYLES */
 body {line-height:1.5em; }
.realsize img {width:inherit;}
.maxsize img {width:100%; }
.valigntop img {vertical-align: top;}
.valigntop {vertical-align: top;}
.valigncenter {vertical-align: middle;}
.valigncenter img {vertical-align: middle;}
hr  { border: 1px solid #BBB;  height: 0px; margin: 7px 0 20px 0; }

/* COLORS */
.colored { color: #111; }
.colored2{ color: #99c120; }
.colored2 .colored  { color:#d9ef9c; }
.colored3 .colored  { color:#99c120; }
.white {color:#fff;}
.black {color:#333;}
.darkgrey {color:#666;}
.grey {color:#999;}
.red {color:#F11;}
.lightgrey {color:#ddd;}
.bgcolored { background-color: #056794; }
.bgcolored2 { background-color: #d9ef9c; }
.bgcolored3 { background-color: #99c120; }
.colored2 .bgcolored { background-color: #d9ef9c;}
.colored3 .bgcolored { background-color: #99c120;}
          a.colored{ color: #F6A046; }
.colored2 a.colored { color: #d9ef9c; }
.colored3 a.colored { color: #99c120; }
          a.colored:hover { color: #F6C066; }
.colored2 a.colored:hover { color: #e9ffAc; }
.colored3 a.colored:hover { color: #B9E140; }
.bgwhite {background-color:#fff;}
.bgblack {background-color:#333;}
.bggrey {background-color:#777;}
.bglightgrey {background-color:#eee;} 

/* TEXT STYLES */
.light {font-weight: 200 !important; }
.normal {font-weight: normal;}
.normalstrong {font-weight: 400 !important;}
.strong {font-weight: bold !important; }
.italic {font-style: italic;}
.tachado { text-decoration:line-through; }
.underline { border-bottom:1px solid #CCC; }
.dashed { border-bottom:2px dashed #d77788; }

/* DISPLAYS */
.row { margin: 0 auto; max-width: 94%; width: 1050px; }
.divcenter { display: table; text-align: center;}
.textcenter { text-align: center; }
.textleft { text-align: left; }
.textright { text-align: right; }
.textjustify{ text-align: justify; }
.floatleft {float:left;}
.floatright {float:right;}
.displayinline { width:100%; margin: 0 auto;}
.absolute { position:absolute;}

/* FONT SIZE */
.h1, .h1static {font-size: 2.7em; line-height: 1.3em; }
.h2, .h2static {font-size: 2.1em; line-height: 1.3em; font-weight:400;}
.h3, .h3static {font-size: 1.7em; line-height: 1.3em;}
.h4, .h4static {font-size: 1.5em; line-height: 1.3em;}
.h5, .h5static {font-size: 1.3em; letter-spacing: 0.03em; line-height: 1.3em;}
.h6, .h6static, p {font-size: 1em; letter-spacing: 0.03em; line-height: 1.4em;}
.h7, .h7static {font-size: 0.9em; letter-spacing: 0.03em; line-height: 1.3em;}

@media only screen and (max-width: 1000px) {
.h1 {font-size: 2.4em; line-height: 1.3em; }
.h2 {font-size: 1.9em; line-height: 1.3em; font-weight:400;}
.h3 {font-size: 1.6em; line-height: 1.3em;}
.h4 {font-size: 1.3em; line-height: 1.3em;}
.h5 {font-size: 1.2em; letter-spacing: 0.03em; line-height: 1.3em;}
.h6, p {font-size: 1.05em; letter-spacing: 0.03em; line-height: 1.4em;}
.h7 {font-size: 1em; letter-spacing: 0.03em; line-height: 1.3em;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, blockquote { font-size: 14px; }
td, li { font-size: 15px; }
}

@media only screen and (max-width: 780px) {
.h1 {font-size: 2.4em; line-height: 1.3em; max}
.h2 {font-size: 2em; line-height: 1.3em; font-weight:400;}
.h3 {font-size: 1.8em; line-height: 1.3em;}
.h4 {font-size: 1.7em; line-height: 1.3em;}
.h5 {font-size: 1.4em; letter-spacing: 0.03em; line-height: 1.3em;}
.h6, p {font-size: 1.1em; letter-spacing: 0.03em; line-height: 1.5em;}
.h7 {font-size: 1.1em; letter-spacing: 0.03em; line-height: 1.4em;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, blockquote { font-size: 14px; }
td, li { font-size: 16px; }
}

/* FONT LINE HEIGHTS */
.minline {line-height: 1.2em;}
.medline {line-height: 1.5em;}
.maxline {line-height: 2em;}

/* ALIGNS */
.left10{margin-left:10%;}
.left15{margin-left:17%;}
.left20{margin-left:20%;}
.left25{margin-left:25%;}
.left30{margin-left:30%;}
.left40{margin-left:40%;}
.left50{margin-left:50%;}
.left60{margin-left:60%;}
.right5{margin-right:5%;}
.right10{margin-right:10%;}
.right20{margin-right:20%;}
.right30{margin-right:30%;}
.right40{margin-right:40%;}
.right50{margin-right:50%;}

/* WIDTHS */
.width10 { width:10%; position: relative; }
.width20 { width:20%; position: relative;}
.width25 { width:25%; position: relative;}
.width30 { width:30%; position: relative;}
.width33 { width:33.3%; position: relative;}
.width40 { width:40%; position: relative;}
.width45 { width:45%; position: relative;}
.width47 { width:47%; position: relative;}
.width50 { width:50%; position: relative;}
.width55 { width:55%; position: relative;}
.width60 { width:60%; position: relative;}
.width65 { width:65%; position: relative;}
.width70 { width:70%; position: relative;}
.width80 { width:80%; position: relative;}
.width90 { width:90%; position: relative;}
.width95 { width:95%; position: relative;}
.width96 { width:96%; position: relative;}
.width100 { width:100%; position: relative; float:left;}

/* RESPONSIVE WIDTHS */
.width65to100 { width:65%; position:relative; }
.width50to100 { width:50%; position:relative; }
.width47to94 { width:47%; position:relative; }
.width45to90 { width:45%; position:relative; }
.width30to95 { width:30%; position:relative; }

@media only screen and (max-width: 780px) {
.width65to100 { width:100%; position:relative; float:left; margin:3% 0%; }
.width50to100 { width:100%; position:relative; float:left; margin:3% 0%; }
.width47to94 { width:94%; position:relative; float:left; margin-top: 3% 0%; margin-left:3.5%;  }
.width45to90 { width:90%; position:relative; float:left; margin-top: 3% 0%; margin-left:2.5%;  }
.width30to95 { width:95%; position:relative; float:left; margin-top: 2% 0%; margin-left:2.5%;  }
}

/* CLEARERS */
.clear {clear:both;}
.clearright {clear:right;}
.clearleft {clear:left;}
.clearboth {clear:both;}

/* PADDINGS */
.minpad {padding:0% 2%;}
.medpad {padding:0% 4%;}
.maxpad {padding:0% 7%;}

.micropadtop {padding-top:1%;}
.minpadtop {padding-top:2%;}
.medpadtop {padding-top:4%;}
.maxpadtop {padding-top:7%;}

.minpadbottom {padding-bottom:2%;}
.medpadbottom {padding-bottom:4%;}
.maxpadbottom {padding-bottom:7%;}

.minpadleft {padding-left:2%;}
.medpadleft {padding-left:4%;}
.maxpadleft {padding-left:7%;}

.minpadright {padding-right:2%;}
.medpadright {padding-right:4%;}
.maxpadright {padding-right:7%;}

/* SPACINGS */
.minspacetop {margin-top:2%;}
.medspacetop {margin-top:4%;}
.maxspacetop {margin-top:7%;}

.minspacebottom {margin-bottom:2%;}
.medspacebottom {margin-bottom:4%;}
.maxspacebottom {margin-bottom:7%;}

.minspaceleft {margin-left:2%;}
.medspaceleft {margin-left:5%;}
.maxspaceleft {margin-left:7%;}

.minspaceright {margin-right:2%;}
.medspaceright {margin-right:5%;}
.maxspaceright {margin-right:7%;}

.minspace {margin:0% 1.5%;}
.medspace {margin:0% 5%;}
.maxspace {margin:0% 7%;}

/* OPACITYS */
.opacity1 {opacity: 0.1; transition: 600ms;}
.opacity1:hover {opacity: 1; transition: 600ms;}
.opacity2 {opacity: 0.2; transition: 600ms;}
.opacity2:hover {opacity: 1; transition: 600ms;}
.opacity3 {opacity: 0.3; transition: 600ms;}
.opacity3:hover {opacity: 1; transition: 600ms;}
.opacity4 {opacity: 0.4; transition: 600ms;}
.opacity4:hover {opacity: 1; transition: 600ms;}
.opacity5 {opacity: 0.5; transition: 600ms;}
.opacity5:hover {opacity: 1; transition: 600ms;}
.opacity6 {opacity: 0.6; transition: 600ms;}
.opacity6:hover {opacity: 1; transition: 600ms;}
.opacity7 {opacity: 0.7; transition: 600ms;}
.opacity7:hover {opacity: 1; transition: 600ms;}
.opacity8 {opacity: 0.8; transition: 600ms;}
.opacity8:hover {opacity: 1; transition: 600ms;}
.opacity9 {opacity: 0.9; transition: 600ms;}
.opacity9:hover {opacity: 1; transition: 600ms;}

/* SHADOWS */
.shadow{
  	-moz-box-shadow:    -3px 3px 9px 2px #aaa;
  	-webkit-box-shadow: -3px 3px 9px 2px #aaa;
	box-shadow:         -3px 3px 9px 2px #aaa;
}

/* BUTTONS */
.button {padding: 2% 8%; background-color: #99C120; -webkit-border-top-right-radius: 12px; -moz-border-radius-topright: 12px; border-top-right-radius: 12px;}
.button img {vertical-align: middle; margin-left:10px;}
a .button:hover{ color:#fff; }
.button:hover { background-color: #056794; }

.arrowright { background-image: url('http://www.escueladebolsaonline.com/wp-content/uploads/arrow.png'); background-repeat: no-repeat; background-position: 96%; padding-right:50px;  }
.arrowright2 { background-image: url('http://www.escueladebolsaonline.com/wp-content/uploads/arrow.png'); background-repeat: no-repeat; background-position: 96%; padding-right:50px;  }
.arrowright:hover {background-image: url('http://www.escueladebolsaonline.com/wp-content/uploads/arrow.png');}

.temario {width:100%; float:left; font-size:1.2em; padding: 3% 0% 2% 0%;}
.hideonpc {display:none;}

/* PERSONALIZACION BORRELL */
img#lightboxImage{ max-width:440px; }
.navbar-brand img {width:65px;}
.width30.floatleft.maxspaceleft img{ width:auto; max-width:100%; float:right; clear:both;}

/* DISPOSITIVOS MOVILES */
@media only screen and (max-width: 780px) {

.hideonmobile {display:none;}
.hideonpc {display:block;}
.navbar-brand img {width:51px;}
}