@charset "UTF-8";
/* CSS Document */
/* FatalityStudio™ */

body{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#CCC;
font-weight:normal;
background-color:#000000;
margin:0px;
line-height:15px;

}

.to{
width:100%;
height:550px;
top:50%;
margin-top:-275px;
background-image:url(img/tiledGris.png);
background-repeat:repeat-x;
position:absolute;
/*border:1px solid #FF0000;*/
}

.todo{
width:950px;
height:537px;
top:50%;
left:50%;
margin-top:-275px;
margin-left:-475px;
position:relative;
padding-top:13px;
/*border:1px solid #FFFFFF;*/
}

.roncesCabecera{
position:absolute;
width:515px;
height:59px;
bottom:18px;
right:0px;
}

.direccion{
font-size:9px;
position:absolute;
bottom:0px;
left:0px;
}

.gris1{
color:#787878;
}

.gris2{
color:#454444;
}

.italica1{
font-style:italic;
}

.design{
font-size:9px;
position:absolute;
bottom:0px;
right:0px;
text-align:right;
}

.pdf1{
width:200px;
height:80px;
position:absolute;
top:436px;
left:20px;
}

.descarfoto{
position:absolute;
}


.descartexto{
position:absolute;
top:44px;
left:75px;

}

.tabsStyle{
position:absolute;
width:670px;
height:455px;
left:0px;
top:0px;
margin-left:138px;
margin-top:10px;
/*border:1px solid #FF0000;*/
}


.submenu1{
width:100%;
text-align:center;
margin-bottom:8px;
}


.imagen1{
width:100%;
text-align:center;
padding-top:4px;
margin-bottom:22px;
}

.imagen2{
width:100%;
text-align:center;
/*margin-top:23px;*/
padding-top:23px;
margin-bottom:22px;
}


.imagen22{
width:100%;
text-align:center;
padding-top:23px;
margin-bottom:39px;

}


.imagen3Arco{
width:100%;
text-align:center;
padding-top:32px;
margin-bottom:40px;
}


.textoSimple1{
width:606px;
padding-left:26px;
/*border:1px solid red;*/
}


.textoSimple2{
width:382px;
padding-left:140px;
padding-right:120px;
}


.textoInfo{
position:absolute;
top:50px;
left:30px;
color:#000000;
}

.textoInfo2{
position:absolute;
top:317px;
left:30px;
color:#000000;
}

.textoInfo3{
position:absolute;
text-align:center;
width:310px;
top:50px;
left:340px;
color:#000000;
}

.textoInfo4{
position:absolute;
top:317px;
left:350px;
color:#000000;
}


.textoInfo5{
position:absolute;
top:405px;
left:115px;
color:#000000;
text-align:center;
}


.cuadroSuperficie{
width:338px;
height:400px;
margin:0px auto;
/*border:1px solid white;*/
font-size:10px;
}

.cuadro{
	width:auto;
	height:330px;
	border-collapse:collapse;
	color:#CCCCCC;
}

.cuadro2{
	margin-top:13px;
	width:auto;
	height:50px;
	border-collapse:collapse;
	color:#CCCCCC;
}


.cuadro td{
border:1px solid #333333;
}


.cuadro2 td{
border:1px solid #333333;
}


.rojo{
color:#FF0000;

}

.bordetr{
border:1px solid red;
}

.gris{
	color:#FFFFFF;
	font-weight:700;
	letter-spacing:1px;
}


.scrollClassic{
width:572px;
height:400px;
overflow:auto;
overflow-x:hidden;
background-color:#cccccc;
padding-left:300px;
padding-right:300px;
}
/*
.scrollClassic{
width:572px;
height:118px;
overflow:auto;
overflow-x:hidden;
background-color:#333333;
padding-left:30px;
padding-right:30px;
}
*/

.idiomalink {color:#454444; text-decoration:none;}
a.idiomalink:link {color:#454444; text-decoration:none;}
a.idiomalink:active {color:#454444; text-decoration:none;}
a.idiomalink:visited {color:#454444; text-decoration:none;}
a.idiomalink:hover {color:#FF0000; text-decoration:none;}


.idiomalink2 {color:#FFFFFF; text-decoration:none; font-size:9px;}
a.idiomalink2:link {color:#FFFFFF; text-decoration:none; font-size:9px;}
a.idiomalink2:active {color:#FFFFFF; text-decoration:none; font-size:9px;}
a.idiomalink2:visited {color:#FFFFFF; text-decoration:none; font-size:9px;}
a.idiomalink2:hover {color:#FF0000; text-decoration:none; font-size:9px;}


.mapa{
position:absolute;
top:74px;
left:32px;
border:1px solid #999999;
}


.planosFrame{
margin-top:22px;
width:632px;
height:406px;
}

.dentroFrame{
padding-top:1px;
width:633px;
text-align:center;
height:406px;
background-image:url(img/fondoFrames.png);
}



.blanco{
color:#FFFFFF;
font-style:italic;
}


.negro{
color:#FF0000;
font-weight:bold;
}


.botfirst{
width:632px;
text-align:center;
margin-top:50px;
}


.bot1{
width:632px;
text-align:center;
margin-top:25px;
}


.atras{
position:absolute;
top:320px;
}



.imgFrame{
padding-top:50px;
width:633px;
text-align:center;
height:358px;
background-image:url(img/fondoFrames.png);
}

.lastDiv{
position:absolute;
top:326px;
right:0px;
text-align:right;
}

.bigScroll{
	width:602px;
	height:406px;
	padding-right:30px;
	margin-top:23px;
	background-color:#333333;
	overflow:auto;
	overflow-x:hidden;
/*border:1px solid red;*/
}

/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */

.scrollgeneric {
line-height: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {
width:8px;
background-image:url(img/fondo_scroll.jpg);
}

.vscrollerbase2 {
width:8px;
background-image:url(img/barra.jpg);
}

.vscrollerbar {
width: 10px;
background-color:red;
}

#mycustomscrolldisenio {
/* Typical fixed height and fixed width example */
width: 572px;
height: 118px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: absolute;
background-color:#555555;
padding-left:30px;
padding-right:30px;
/*padding:15px;*/
}


#mycustomscrollproyecto {
/* Typical fixed height and fixed width example */
width: 572px;
height: 400px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position:absolute;
background-color:#555555;
padding-left:30px;
padding-right:30px;
}