/* CSS Styles para UNO BCN WEB . Roger Cervantes . errece design */


body {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:10px;
background-color:#261300;
text-align:center;
padding:0;
margin:10px;

scrollbar-face-color:#261300;
scrollbar-arrow-color:#ff55ff;
scrollbar-track-color:#261300;
scrollbar-shadow-color:#FFFFFF;
scrollbar-highlight-color:#261300;
scrollbar-3dlight-color:#FFFFFF;
scrollbar-darkshadow-Color:#261300;;
}

img {
border-style:none;
}

a:link {
text-decoration:none;
color:#ffffff;
}
a:hover {
text-decoration:none;
color:#ff55ff;
}
a:visited {
text-decoration:none;
color:#ffffff;
}
a:visited:hover {
text-decoration:none;
color:#ff55ff;
}
a:active{
text-decoration:none;
color:#ff55ff;
}

/* Gallery Styles */

#motioncontainer {
/*margin:0 auto;  Uncomment this line if you wish to center the gallery on page */
width: 672px; /* Set to gallery width, in px or percentage */
height:422px; /* Set to gallery height */
}

#motioncontainer2 {
/*margin:0 auto;  Uncomment this line if you wish to center the gallery on page */
width: 790px; /* Set to gallery width, in px or percentage */
height:212px; /* Set to gallery height */
}

#motioncontainer a img {
border: 1px solid #261400; /* Set image border color */
}


#motioncontainer a:hover img {
border: 1px solid #261400; /* Set image border hover color */
}




#statusdiv {
background-color: lightyellow;
border: 1px solid gray;
padding: 2px;
position: absolute; /* Stop Editing Gallery Styles */
left: 300px;
visibility: hidden;
}

#motioncontainer a:hover {
color: red; /* Dummy definition to overcome IE bug */
}


/* End Gallery Styles */


#contenedor {
position:relative;
background-color:#261300;
width:900px;
height:550px;
border-style:none;
text-align:left;
}

#menu {
position:absolute;
top:70px;
left:237px;
width:450px;
border:none;
text-align:right;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
}





#abc {
position:absolute;
top:77px;
left:697px;
width:100px;
border:none;
text-align:right;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
}


#logo {
position:absolute; 
top:35px; 
left:20px; 
width:180px;
height:60px;
}

#logo2 {
position:absolute; 
top:235px; 
left:370px; 
width:180px;
height:60px;
}

#logo3 {
position:absolute; 
top:300px; 
left:372px; 
width:180px;
height:60px;
}




#footer {
position:absolute;
top:540px;
left:50px;
width:800px;
height:18px;
}


#galeria {
width:870px;
height:420px;
text-align:center;
position:relative;
overflow:scroll;
overflow-x:hidden;
padding:0;
margin:0;
border:0;
}
#galeria0 {
width:890px;
height:400px;
text-align:center;
position:relative;
overflow:scroll;
overflow-x:hidden;
padding:0;
margin:0;
border:0;
}

#galeria2 {
width:870px;
height:420px;
text-align:left;
position:relative;
overflow:scroll;
overflow-x:hidden;
padding:0;
margin:0;
border:0;
}

#galeria3 {
width:870px;
height:420px;
text-align:left;
position:relative;
overflow:hidden;
overflow-x:hidden;
padding:0;
margin:0;
border:0;
}




#modelo_galeria2 {
width:140px;
height:200px;
text-align:center;
display:block;
float:left;
margin:0px 2px 0px 2px;
padding:0;
border:0;
}

#modelo_galeria3 {
width:140px;
height:200px;
text-align:center;
display:block;
float:left;
margin:0px 2px 0px 2px;
padding:0;
border:0;
top:200px;
left:300px;
}
}

#modelo_galeria {
width:120px;
height:120px;
text-align:center;
display:block;
float:left;
margin:0px 15px 0px 5px;
padding:0;
border:0;
}



#modelo_news {
width:200px;
height:230px;
text-align:center;
display:block;
float:left;
margin:10px 5px 10px 5px;
padding:0;
border:0;
}


#modelo_cover {
width:200px;
height:300px;
text-align:center;
display:block;
float:left;
margin:5px 5px 5px 5px;
padding:0;
border:0;
}

#modelo_cover2 {
width:200px;
height:280px;
text-align:center;
display:block;
float:left;
margin:5px 5px 5px 5px;
padding:0;
border:0;
}

#modelo_now {
width:270px;
height:340px;
text-align:center;
display:block;
float:left;
margin:10px 10px 10px 10px;
padding:0;
border:0;
}


#modelo {
width:870px;
height:420px;
position:relative;
overflow:hidden;
padding:0;
margin:0;
border:0;
}

#book {
width:300px;
height:400px;
position:absolute;
top:5px;
left:250px;
padding:0px;
margin:0px;
}

#book_foto {
padding:0px;
margin:0px 10px 10px 0px;
border:0px;
display:block;
float:left;
}

#foto_grande {
width:280px;
height:420px;
border-style:none;
margin:0;
padding:0;
position:absolute;
top:5px;
left:590px;
}

#nombre {
width:200px;
height:100px;
margin:0;
border:0;
padding:0;
position:absolute;
top:215px;
left:0px;
}

#datos {
width:240px;
height:100px;
margin:0;
border:0;
padding:0;
position:absolute;
top:220px;
left:5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFFFFF;
text-align:left;
}

#contact2 {
width:400px;
height:400px;
position:absolute;
overflow:hidden;
padding:0;
margin:0;
border:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
left:500px;
top:35px;
}

#contact {
width:400px;
height:400px;
position:absolute;
overflow:hidden;
padding:0;
margin:0;
border:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
left:100px;
top:35px;
}

#polas {
width:420px;
height:420px;
position:absolute;
overflow:hidden;
padding:0;
margin:0;
border:0;
left:70px;
top:50px;
}