/* CSS Document */

html, body {
	background-color: #383838;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	height: auto!important;/*imprescindible para k rellene en multinavegador*/
	height:100%;/*imprescindible para k rellene en multinavegador*/
	min-height:100%;/*imprescindible para k rellene en multinavegador*/
}



.totaltable{
	background-image:url(entorno/img_xtrmsBg.jpg);
	background-repeat:repeat;/*imprescindible para k rellene en multinavegador*/
	position:absolute;/*imprescindible para k rellene en multinavegador*/
	width:800px;
	left:50%;
	margin-left:-400px;
	margin-bottom: 0px;	/*imprescindible para k rellene en multinavegador*/
	padding-bottom:0px;/*imprescindible para k rellene en multinavegador*/
	min-height:auto;/*imprescindible para k rellene en multinavegador*/
}
/*
* html totaltable{ imprescindible para k rellene en multinavegador
height:100%;
}
*/
/*TOP AND BOT DOTTED AREA*/
.topdots{
	background-image:url(entorno/img_dotted.jpg);
	width:780px;
	height: 30px;
	margin-top:0px;
	margin-left:10px;
}
.subtopdots{
	background-color:#c30a20;
	width:780px;
	height:10px;
	margin-left:10px;
	margin-top:0px;
}
.botdots{
	background-image:url(entorno/img_dotted.jpg);
	background-repeat:repeat;
	/*height:100%;*/
	width:780px;
	margin-left:0px;
	
}
.subbotdots{
	background-color:#c30a20;
	width:780px;
	height:10px;
	margin-left:10px;
	margin-top:0px;
}

/* TOP LOGO AREA*/

.topArea{
	background-color:#383838;
	width:600px;
	height:150px;
	margin-left:10px;
	margin-top:0px;
}
 
.logo{
	background-image:url(entorno/turvemac.jpg);
	width:200px;
	height:140px;
	margin-top:0px;
	margin-left:20px;
}	
.extraMenu{
	width:300px;
	height:20px;
	margin-left:460px;
	margin-top:-90px;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	color:#5f5d5d;
	font-size:10px;
}
.extraMenu a{
	text-decoration: none;
	color:#5f5d5d;
}
.extraMenu a:hover{
	text-decoration: underline;
	color:#ffffff;
	font-weight:bold;
}
.titleText{
	width:400px;
	height:20px;
	margin-left:225px;
	margin-top:57px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
}
.idiomas{
	width:69px:
	height:31px;
	margin-left:700px;
	margin-top:-32px;
}


/*MENU MID AREA*/

.midArea{
	background-image:url(entorno/turvemac-bg.jpg);
	background-repeat:no-repeat;
	width:780px;
	height:198px;
	margin-left:10px;
	margin-top:0px;
}

.menu{
	margin-left:0px;
	width:160px;
	height:198px;
}

.slogan{
	width:640px;
	height:30px;
	margin-top:-40px;
	margin-left:120px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:30px;
	color:#FFFFFF;
	text-align:right;
}

.navcontainer { padding-top:5px;} /*aki no se debe especificar el ancho porque en el firefox afecta la dimensión del click, así k no poner el width*/

.navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;

}

.navcontainer li { 

text-align:left;
float:left;

margin: 0 0 0px 6px; }


.navcontainer li a
{
	background-image:url(entorno/menu_arrow.jpg);
	background-position:8px 10px;
	display: block;
	width:130px;
	height:48px;
	margin-top:5px;
	padding: 10px 0px 0px 25px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	background-repeat: no-repeat;
}

.navcontainer li a:hover
{
background-image:url(entorno/menu_arrowOver.jpg);
background-position:8px 10px;
background-repeat: no-repeat;
padding: 10px 0px 0px 30px;
margin-top:5px;
width:130px;
	height:48px;
font-weight: bold;
color: #383838;
text-decoration: underline;


}



/*CENTRO AREA CONTENIDO*/

.contentArea{
	background-color:#383838;
	width:780px;
	margin-left:10px;
	margin-top:0px;
}
.contentAreaProd{
	background-color:#383838;
	width:780px;
	height:960px;
	margin-left:10px;
	margin-top:0px;
}
.contentAreaForm{
	background-color:#383838;
	width:780px;
	height:330px;
	margin-left:10px;
	margin-top:0px;
}

.rotativo{
	background-image:url(entorno/img_botRotativo.jpg);
	width:156px;
	height:259px;
	margin-left:9px;
	background-color: #6c6a6a;
	background-repeat: no-repeat;
	background-position: 0px 241px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	padding:0px 0px 0px 5px;
}
.rotativo a{
	color:#FFFFFF;
}
.rotativo a:hover{
	font-weight:bold;
}
.usada{
	width:156px;
	heigh:200px;
	margin-left:9px;
}

.box1{
	position:absolute;
	margin-top:-240px;
	margin-left:180px;
	width:300px;
	height:92px;
	border-left-color:#fd0220;
	border-left-width:1px;
	border-left-style:solid;
	padding:0px 0px 0px 10px;
}
.box2{
	position:absolute;
	margin-top:-240px;
	margin-left:480px;
	width:300px;
	height:92px;
	border-left-color:#fd0220;
	border-left-width:1px;
	border-left-style:solid;
	padding:0px 0px 0px 10px;
}
.box3{
	position:absolute;
	margin-top:-120px;
	margin-left:180px;
	width:300px;
	height:92px;
	border-left-color:#fd0220;
	border-left-width:1px;
	border-left-style:solid;
	padding:0px 0px 0px 10px;
}
.box4{
	position:absolute;
	margin-top:-140px;
	margin-left:470px;
	width:300px;
	height:92px;
}
.boxTitle{
	color:#fd0220;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}
.boxText{
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.boxText a{
	color:#fd0220;
	text-decoration:underline;

}
.boxText a:hover{
	color:#fd0220;
	text-decoration:underline;
	font-weight:bold;
}
/*BOT BLOCK AREA*/

.botArea{
	position:relative;
	width:780px;
	margin-left:10px;
}



.botAreaSecciones{
	position:relative;
	width:780px;
	margin-left:10px;


}


.barWhite{
	width:780px;
	height:5px;
	background-color:#FFFFFF;
}
.barGrey{
	width:770px;
	height:35px;
	background-color:#6c6a6a;
	color:#383838;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;

	padding-top: 5px;
	padding-left: 10px;
}
.barGrey a{
	color:#383838;
	text-decoration: none;
}
.barGrey a:hover{
	color:#ffffff;
	text-decoration: underline;
}
.barRed{
	width:780px;
	height:10px;
	background-color:#c30a20;
}
.barDots{
	position:relative;
	background-image:url(entorno/img_dotted.jpg);
	background-repeat:repeat;
	width:780px;
	min-height:120px;
	margin:0px;
	padding:0px;

}
/*
* html barDots{
	height:100%;
}
*/
/* CONTENT TEXTTTSSSS*/

.content{

	position:absolute;
	margin-top:-240px;
	margin-left:180px;
	width:600px;
}
.contentProd{

	position:absolute;
	margin-top:-340px;
	margin-left:180px;
	width:580px;
}
.contentUsada{
	position:absolute;
	margin-top:-240px;
	margin-left:210px;
	width:530px;
}	
.bordeRecuadro{
	border: 1px solid #FFFFFF;
}