/* CSS Document */

html{
font-family:Arial, Helvetica, sans-serif;
}

body, html {
  margin:0;
}

body{
	height:100%;
	width:100%;
	overflow-x:hidden;
}

.cpage{
position:relative;
height:730px;


}
.page{
margin:0 auto;
position:relative;
height:730px;
width:1024px;
}



.portada{
	z-index:30;
	font-size:35px;
	font-weight:normal;
	text-align:center;
	line-height: 35px;	
	position:absolute;
	left:100px;
	/top:0px;
	/margin-top:10px;
	top:-10px;
	
}

.subportada{
	
	position:absolute;
	font-weight:normal;
	top:80px;
	left:40px;
	font-size:25px;	
	text-align:center;	
	
}

h1 {
height:30px;
line-height:20px;
text-align:left;
font-size:20px;
color:#FD660B;
padding-bottom:0px;
margin-bottom:0px;
}

h1.trad {color:#000000;}
.compra{
	margin-bottom: 60px;
	width: 90%;
	line-height: 1.2;
	}
.cursos {
	margin-bottom: 30px;
	width: 90%;
	line-height: 1.2;
}

h3 {

width:600px;
font-size:16px;
text-align:left;
padding-top:0px;
margin-top:0px;
color:black;
}

li {
list-style:none;
}
ul {
padding:0px;
}

.header{
height:70px;
width:1024px;

}

.flags {
position:absolute;
top:350px;
left:30px;
z-index:20;
}
.flags a{
text-decoration:none;
color:#999900;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
}

.amigas{
/*background:url(images/bgamigas.png) no-repeat;*/
position:absolute;
top:360px;
left:40px;
padding-right:10px;
width:1000px;

}



.amigas ul li a{
text-decoration:none;
color:#999900;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
width:200px;
top:20px;
}

.amigas ul{
width:680px;
position:relative;
top:0px;
float:left;
padding-bottom:0px;
padding-top:0px;

}

.amigas ul li{
text-decoration:none;
width:200px;
background:url(images/Punto.jpg) 0px 0px no-repeat;
}

.amigas ul li *:first-child {
position:relative;
left: -5px; /* or spacing desired */
top:0px;
}


/*Moving Background */
/*
.amigas div>ul{
position:relative;
left:25px;
top:0px;
}
*/
.amigas ul li a:hover{
font-weight:bold;

}

h4{
font-size:14px;
margin-top:0px;
padding-bottom:0px;
margin-bottom:0px;
}



.noball{
	list-style:none !important;
	background-image: none !important;
	padding-bottom:10px;
}

.amigas ul li {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#996600;
list-style-position:inside;
margin-left:4px;
}


.amigas ul li a {
display:block;
width:180px;
position:relative !important;
left:20px !important;
}

.logo{
height:200px;
width:400px;
position:absolute;
top:10px;
left:55px;
height:50px;
padding-bottom:10px;
background:url(images/cap.jpg) no-repeat;
}




.logo:hover{
background:url(images/caphover.jpg) no-repeat;

cursor:pointer;
}

.flag{
margin-left:20px;
}
.flag:hover{
color:#993300;
}


.image{
height:100%;
width:247px;

float:right;

background:url(images/img278506104.jpg) no-repeat;
}

.horitzontal{
background:url(images/interline007.gif) repeat-x 5px 5px;
height:30px;
width:60px;

position:absolute;
top:65px;
left:198px;

z-index:10;
}
.vertical{
background:url(images/interline006.gif) repeat-y;
height:30px;
width:10px;

position:absolute;
top:50px;
left:254px;

}

.menu{
width:254px;
position:absolute;
top:55px;
z-index:1;
padding-top:30px;

}
#lastbutton{
border-bottom:1px dotted gray;
}



.button{
background:url(images/detalleboton.png) top right no-repeat;
border-top:1px dotted gray;  
/*padding-top:10px;*/
padding-top:5px;
margin-left:40px;
padding-left:10px;
padding-right:15px;
height:25px;
width:190px;
float:left;
text-align:right;
color:#999999;
text-decoration:none;
font-style:normal !important;

font-family:Arial, Helvetica, sans-serif;
font-weight:bold;

}




.button:hover {
background:#F6F6F6;
color:#FD660B;
}


.box1{
height:23px;
width:23px;

position:absolute;
top:66px;
left:250px;

z-index:20;

background:url(images/interplus.gif) no-repeat ;

}

.box2{
height:23px;
width:23px;

position:absolute;
top:691px;
left:250px;

z-index:20;

background:url(images/interplus.gif) no-repeat ;
}
.box3{
height:23px;
width:23px;

position:absolute;
top:691px;
left:1005px;

z-index:20;

background:url(images/interplus.gif) no-repeat ;
}
.box4{
height:23px;
width:23px;

position:absolute;
top:65px;
left:1006px;
z-index:20;

background:url(images/interplus.gif) no-repeat;
}



.white{
background:white;
height:300px;
width:30px;

position:absolute;
top:397px;
left:254px;

z-index:20;
}


.line1{
height:640px;
width:770px;

float:right;

background:url(images/interline006.gif) repeat-y top right;
}
.line2{

height: 100%;
width:770px;
float:right;

background:url(images/interline007.gif) repeat-x top left;
}
.line3{
height: 100%;
width:770px;

float:right;
background:url(images/interline007.gif) repeat-x bottom right;
}
.line4{
height: 100%;
width:770px;
float:right;
background:url(images/interline006.gif) repeat-y bottom left;
}


.foot{
position:absolute;
top:720px;
width:724px;
height:60px;
margin-left:250px;
color:#999999;
font-size:12px;

}

.foot p{
position:absolute;
left:700px;
top:-20px;
}


.content{
width:770px;
height:600px;

position:absolute;
top:100px;
left:300px;
z-index:10;
background:url(images/fondo.jpg) 0px 120px no-repeat;
overflow:auto;
}





.text{

height:460px;
width:650px;
font-size:14px;
font-weight:normal;
color:black;


}

.textcurriculum{

height:460px;
width:500px;
font-size:14px;
font-weight:normal;
color:black;
}
.textcurriculum h3{
width:500px;
}

#book{
position:absolute;
top:110px;
left:300px;
margin-left:15px;
}


#pdf{
text-decoration:none;

}

#pre{
position:absolute;
background:url(images/textES.png) no-repeat;
z-index:30;
height:264px;
width:600px;
top:-30px;
left:20px;

}
#preEN{
position:absolute;
background:url(images/textEN.png) no-repeat;
z-index:30;
height:264px;
width:600px;
top:-30px;
left:20px;

}
#preCAT{
position:absolute;
background:url(images/textCAT.png) no-repeat;
z-index:30;
height:264px;
width:600px;
top:-30px;
left:20px;
}

img {
border:0px;
}


#just {
text-align:justify;
}

#meaning{

color:#666666;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
background-image:url(images/meanings.png);
text-align:center;
}
#dot_t {
position : absolute;
top : 25px;
left : 125px;
}

#dot_t2 {
position : absolute;
top : 25px;
left : 140px;
}

#h_sym {
position : absolute;
top : 38px;
left : 69px;
width:100px;
height:100px;
background:url(images/hsyn.png) no-repeat;
}

#h_sym2 {
position : absolute;
top : 38px;
left : 67px;
width:100px;
height:100px;
background:url(images/hsyn.png) no-repeat;
}

#em3 {
position : absolute;
top : 45px;
left : 155px;
height:100px;
font-size:9px;
}

#sa4 {
position : absolute;
top : 35px;
left : 145px;
width:100px;
height:100px;
font-size:9px;
}

#mp{
width:1393px;
height:901px;
}

#map{
cursor:pointer;
}

#foto{
height:300px;
width:200px;
position:absolute;
top:0px;
left:500px;
}


/*Sliding menu "more"*/

.more, .links{
z-index:9999 !important;
position:relative;
left:280px;
top:-300px;
}

.more div div, .links div div{
width:170px;
float:left;
height:40px;
}

.backg, .backgr{
width:600px !important;
background:white !important;
float:left;
position:relative;
top:-180px;
border:2px solid black;

padding:25px;
padding-left:10px:
position:relative;
-moz-border-radius:15px;
border-radius: 15px;
/*para Firefox*/
-moz-border-radius: 15px 15px 15px 15px;
/*para Safari y Chrome*/
-webkit-border-radius: 15px 15px 15px 15px;
/* para Opera */
border-radius: 15px 15px 15px 15px;
}

.exp{
font: 1em "Times New Roman", Georgia, Serif;
position:absolute;
/*top:10%;
left:25%;*/
right: 0;
left: 0;
margin-top:-600px;
margin-top:-660px;
margin-left:auto;
margin-right:auto;
    
width:60% !important;
height: 75% !important;
overflow: scroll;
background:white !important;
z-index:999999 !important;

padding:25px;
padding-left:10px;
-moz-border-radius:15px;
border-radius: 15px;
/*para Firefox*/
-moz-border-radius: 15px 15px 15px 15px;
/*para Safari y Chrome*/
-webkit-border-radius: 15px 15px 15px 15px;
/* para Opera */
border-radius: 15px 15px 15px 15px;

text-align: center;
}

.exp h1{
	text-align: center !important;
}
.exp p{
	margin:5px 0;
}
.backg div, .backgr div{
padding:10px;
position:relative;
top:-10px;
}

.backg div a, .backgr div a{
position:relative;
top:-7px;
left:-8px;
}
	
.more div, .links div{
padding-left:20px;

background:url(images/Punto.jpg) 0 8px no-repeat;
}

.more a, .links a{
text-decoration:none;
color:#999900;
font-size:14px;
height:40px;

}


.seemore, .linkis {
cursor:pointer;
list-style:none !important;
background-image: none !important;
}

.secondul{
	position:relative;
	top:-10px!important;
}

.black
{
	
}

#courses-div p{
width:680px;
}

#scroll_amigas{
	position:relative;
	top:20px;
	padding-left:5px;
	padding-right:5px;
	height:266px;
	float:left;
	overflow-y:scroll;
	overflow-x:hidden;
	width:220px;
	z-index:10000;
}

#seemorelink{
	position:relative;
	top:10px;
	clear:both;	
}

.jspVerticalBar{
background:white !important;
}

.jspArrowUp 
{
	background:url('images/up.jpg') no-repeat !important;
	width:8px !important;
	height:8px !important;
}

.jspArrowDown 
{
	background:url('images/down.jpg') no-repeat !important;
	width:8px !important;
	height:8px !important;
}

.jspDrag 
{
	background:#e87e3f !important;
	width:8px !important;
}

.jspTrack 
{
	background:white !important;
	width:8px !important;
	z-index:999 !important;
}

.jspVerticalBar{
	/*position:relative;
	left:8px;*/
	background-color: transparent !important;
	width:8px;	
}

#trad_title{
font-size:14px;
}