/* CSS Document */
/* layer3 */
form
{
background-color: #EBF0F3;
}

#ingles3-left
{
float: left;
width: 640px;
margin-top: 0px;
padding-top: 0px;
padding-left: 10px;
padding-right: 20px;
margin-left: 10px;
font-size: 12px;
/*padding-left: 10px;
min-height: 30px;*/
/*background-image:url(http://www.cursosinglesactiva.com/images/cursos-back-level3.gif);
background-color: #EBF0F3;
background-repeat:repeat-x;*/
}

#ingles3-left h5 
{
clear:both;
color:#3399FF;
font-size: 13px;
margin-top: 0px;
margin-bottom: 0px;
}


#ingles3-left h3 
{
clear:both;
color:#3399FF;
display: block;
width: 620px;
font-size: 15px;
margin-top: 30px;
border-top: 1px dashed #cccccc;
padding-top: 20px;
}


#ingles3-left h2 
{
clear:both;
display: block;
width: 620px;
color:#3399FF;
font-size: 16px;
/*border-bottom: 1px solid #cccccc;*/
margin-top: 10px;
}

#ingles3-right
{
position: relative; /*feb23*/
padding-top: 10px;
margin-top: 10px;
padding-left: 5px;
padding-right: 5px;
margin-left: 710px;
/*padding: 10px;*/
width: 190px;
/*background-image:url(http://www.cursosinglesactiva.com/images/cursos-back-level3.gif);*/
/*background-color: #EBF0F3;*/
/*background-repeat:repeat-x;*/
font-size:11px;
}

/* only p needs to have the clear? - but there is no p in main nav???*/
/*
#ingles3-right p
{
clear:both;
color:#FF00cc;
font-size:11px;
}
*/
#ingles3-right h2
{
font-size:12px;
color:#0066CC;
}

/*#ingles3-right p 
{
clear:both;
color:#FF00cc;
font-size:11px;
}
*/
#ingles3-right ul{
margin-left: 0px;
padding-left: 0px;
margin-top: 2px;
margin-bottom: 20px;
}

#ingles3-right  li{
	display: block;
	list-style-type: none;
	height: 20px;
	width: 185px;
	margin-left: 0px;
	margin-bottom: 2px;
	background-color:#EBF0F3;
	padding-bottom: 2px;
	padding-right: 10px;
	padding-left: 5px;	
}

#ingles3-right a{
color: #003366;
text-decoration:none;
}





/*only basic structure */
body {
background-image:url(http://www.cursosinglesactiva.com/images/cursos-back-body.jpg);
/*background-color:#ECECEC;*/
font-family: Arial, verdana ;
color: #333333;

}

body a {
color: #003366;
}
/*
body h2 {
clear: both;
}
*/

/* frame */
#cursos-ingles
{
	position: absolute;
	left: 50%;
	width: 937px;
	margin-left: -495px;
	top: 0px;
	line-height: 130%;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #FFFFFF;
}
/* layer1 */
#ingles1
{
	position: relative;
	margin-top: 0px;
	margin-bottom: 0px;
	height: 131px;
	width: 900px;
}


#ingles1 a:link, #ingles1 a:visited{
color: #FFFFFF;
text-decoration:none;
font-weight:bold;
font-size:11px;
}

/*header divs */

#ingles1-logo
{
/* remember to change width if change PADDING */
position: absolute;
left: -73px;
/*left: -30px;*/
top: 0px;
padding-left: 50px;
height: 133px;
width: 299px;
/*width: 267px;*/
background-image:url(http://www.cursosinglesactiva.com/images/cursos-back-top3.jpg);
background-repeat:no-repeat;
/* background-image:url(http://www.cursosinglesactiva.com/images/cursos-back-top-left.jpg);*/
border-right: 1px solid #ffffff;
margin-bottom: 0px;
/*background-color:#CC0000;*/
}

#ingles1-topright
{
position: absolute;
left: 277px;
top: 0px;
height: 93px;
width: 660px;
font-size: 11px;
margin-bottom: 0px;
}

.ingles1-toprightbox1
{
position: absolute;
top: 0px;
left: 0px;
height: 93px;
width: 224px;
background-color:#00CC00;
margin-bottom: 0px;
}




.ingles1-toprightbox2
{
position: absolute;
top: 0px;
left: 225px;
height: 93px;
width: 224px;
background-color:#CCCCCC;
margin-bottom: 0px;
border-right: 1px solid #ffffff;
border-left: 1px solid #ffffff;
}

.ingles1-toprightbox3
{
position: absolute;
top: 0px;
left: 451px;
height: 93px;
width: 216px;
background-color:#00CCCC;
margin-bottom: 0px;
}


.ingles1-toprightboxlink1
{
position: absolute;
bottom: 0px;
left: 0px;
height: 16px;
width: 208px;
/*clockwise from top */
padding:2px 8px 4px 8px;
background-color:#F2970A;
}


.ingles1-toprightboxlink2
{
position: absolute;
bottom: 0px;
left: 0px;
height: 16px;
width: 208px;
/*clockwise from top */
padding:2px 8px 4px 8px;
background-color:#BE4D01;
}

#ingles1-bottomright
{
	position: absolute;
	left: 277px;
	top: 94px;
	height: 37px;
	width: 667px;
	background-color:#91A6A7;
	margin-bottom: 0px;
}

.turq {
	/*color: #FFFFFF;*/
	float: right;
	display: block;
	background-color: #36CEF9;
	/*font: bold 11px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;*/
	padding-left: 15px;
	padding-top: 10px;
	padding-bottom: 8px;
	padding-right: 15px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	height: 37px;
	margin-bottom: 0px;
}

.grey {
color: #FFFFFF;
float: right;
display: block;
font: bold 11px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
padding-left: 15px;
padding-top: 10px;
padding-bottom: 8px;
padding-right: 15px;
text-decoration: none;
height: 37px;
margin-bottom: 0px;
}

.interest {
color:#FF6600;
font-weight:bold;
}


/* layer2 */
#ingles2
{
	position: relative;
	height: 247px;
	margin-top: 0px;
	margin-left: -73px;
	padding-left: 65px;
	margin-bottom: 25px;
	width: 845px;
	background-image:url(http://www.cursosinglesactiva.com/images/cursos-back-2nd4.jpg);
	/*background-image:url(http://www.cursosinglesactiva.com/images/cursos-back-2nd-left.jpg);*/
	background-repeat:no-repeat;
}



/* footer */
.guide-footer
{
	clear: both;
	margin-top: 40px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 7px;
	padding-bottom: 7px;
	color: #333;
	background-color:#F2F2F2;
	font-size: 10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}

.guide-footer a
{
color:#C4C4C4;
}
/*#leftnav p { margin: 0 0 1em 0; }*/


.box-test
{
position: relative;
display: block;
width: 190px;
height: 280px;
float: left;
padding-left: 8px;
padding-right: 8px;
background-color: #FFFFFF;
border: 1px solid #CCCCCC;
/*NEW*/
margin-right: 5px;
margin-bottom: 10px;
font-size:10px;
line-height: 12px;
}


.box-test h4
{
margin-top: 10px;
font-size:12px;
color:#0066CC;
}

.barcelona-web {
color: #666666;
}


.photocontainer {
float: left;
margin-right: 15px;
width: 160px;
height: 120px;
padding: 6px;
border: 1px solid #cccccc;
/*background-color:#99CCCC;*/
margin-bottom: 15px;
}

.photocontainertest {
float: left;
margin-right: 15px;
width: 68px;
height: 90px;
padding: 6px;
border: 1px solid #cccccc;
/*background-color:#99CCCC;*/
margin-bottom: 15px;
}

.photocontainerbig {
float: left;
margin-right: 15px;
width: 214px;
height: 160px;
padding: 4px;
border: 1px solid #cccccc;
/*background-color:#99CCCC;*/
margin-bottom: 5px;
}
.cursos-precios {
margin-right: 15px;
background-color:#FDFED6;
margin-bottom: 20px;
}

#showhide {
display:none; 
position:relative; 
border-style: solid; 
background-color: #cccccc; 
padding: 5px;
}

div#showhide-prices { 
position:relative; 
display:none; 
width: 630px;
/*height: 200px;*/
background-color: #ffffff; 
padding: 0px;
}

div#showhide-prices2, div#showhide-prices3{ 
position:relative; 
display:none;  
width: 630px;
/*height: 200px;*/
background-color:#ffffff ; 
padding: 0px;
}

#
button {
margin-left: 40px;
margin-bottom: 20px;
font-size: 10px;
}

.tog {
margin-left: 10px;
padding-left: 10px;
}