body{
	font-family:Arial, verdana, helveltica, sans-serif;
	font-size:1em;
	font-weight: normal;	
	margin-top: 0;
	background: url(bg.jpg);	
}

h1{
   font-size:20px;
   margin-top: 25px;
}

h2{
   font-size:16px;
}

h3{
   font-size:16px;
   color:#B30000;
}

h4{
   font-size:16px;
   color:black;
   text-decoration:underline;
   margin-bottom:10px;
}

h5{
   font-size:14px;
   color:#B30000;   
   text-decoration:none;
   margin-bottom:5px;
   background: url(img/bg-h5.jpg);
   padding:5px;
   
}

.flotante{
   font-size:12px;
   margin: 10 10 10 10;
   padding: 10 10 10 10;
   width:180px;
   border:1px solid rgb(130,130,130);
}


/* new web */

.text_top{
   font-size:11px;   
   color:#252525;   
   font-family: arial, sans-serif, Helvetica, Verdana;
}

.table_titan{
	font-size:12px;
}

.links_top{
   font-size:12px;
   color:#252525;   
   padding-top:24px;
}

.link_menu:link    {font-size:14px;color:white;text-decoration:none; font-weight:bold; }
.link_menu:visited {font-size:14px;color:white;text-decoration:none;font-weight:bold;}
.link_menu:active  {font-size:14px;color:#202020;text-decoration:none;font-weight:bold;}
.link_menu:hover   {font-size:14px;color:#202020;text-decoration:none;font-weight:bold;}

.link_bottom:link    {font-size:12px;color:white;text-decoration:none; font-weight:normal;}
.link_bottom:visited {font-size:12px;color:white;text-decoration:none;font-weight:normal;}
.link_bottom:active  {font-size:12px;color:#202020;text-decoration:none;font-weight:normal;}
.link_bottom:hover   {font-size:12px;color:white;text-decoration:underline;font-weight:normal;}

ul {
    list-style: none outside none;
}

#navlinks {margin:0; padding:0;}

#navlinks li {
	list-style: none;
	float:left;
	margin-top:1px;
	width:145px;
	padding: 0px;	
	background: url(img/bg-menu-normal.jpg);
}

	
#navlinks li a{
   color:white;
   font-weight:bold;
   text-decoration:none;
   font-size:14px;
	width: 145px !important;
	height:43px;
	display: block;
}

#navlinks li a:hover {
   color:white;
   font-weight:bold;
   text-decoration:none;
   font-size:14px;
	width: 145px !important;
	/*padding: 10px;*/
	display: block;
	/*background-color:black;*/
	background: url(img/menu_bg_over_v2.jpg);
	
}

.carac{
	margin-top:5px;
}

.red_comercial li a{
 background: none repeat scroll 0 0 #d0d0d0;
    color: #FFFFFF;
    display: block;
    font-size: 12px;
    font-weight: normal;
    margin-top: 1px;
    padding: 5px 10px;
    width: 180px !important;
    color:#303030 !important;
    margin-left:-40px;
    text-decoration:none; 
}

.red_comercial li a:hover{
    background: none repeat scroll 0 0 #c0c0c0;
    color: #B40001 !important;
    text-decoration:none;
}


#navlinks li .l_over {
   color:white;
   font-weight:bold;
   text-decoration:none;
   font-size:14px;
	width: 145px !important;
	display: block;
	background-color:black;
	background: url(img/menu_bg_click.jpg);
	
}

table .modelos{
   font-size:12px;
   /*border:1px solid rgb(0,0,0);*/
   background-color:silver;
}

table .modelos thead{
   font-weight:bold;
   text-align:center;   
}

table .modelos tr{
   background-color:white;
}

table .modelos thead tr{
   background-color:#AE0001;
   color:white;
   
}



/*
#menu_esquerra li a {
    background: none repeat scroll 0 0 #d0d0d0;
    color: #FFFFFF;
    display: block;
    font-size: 12px;
    font-weight: bold;
    margin-top: 1px;
    padding: 5px 10px;
    width: 185px !important;
    color:#303030;
    margin-left:-40px;
    text-decoration:none;
}

#menu_esquerra li a:hover {
    background: none repeat scroll 0 0 #202020;
    color: black;
    text-decoration:none;

}
*/




.tilolred{
   color:red;
   font-weight:bold;   
}

.inden20{
   padding-left:20px;
}

.inden40{
   padding-left:40px;
}


#menu_esquerra li a.primer {
    background: none repeat scroll 0 0 #d0d0d0;
    color: #B40001;
    text-decoration:none;
    
}

#menu_esquerra li a.dins {
    margin-left: 0px;
    width: 165px !important;
}

.nivell1{
   margin-left:0px;
}

#menu_esquerra li{
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    color:#303030;
    text-decoration:none;    
}

#menu_esquerra li a.titol{
    color: white;
    background-color:#808080;
    font-size: 12px;
    font-weight: bold;
    text-decoration:none;
    margin-top: 0px;
    padding: 5px 10px;
    
}

#menu_esquerra li a.titol:hover {
    color: white;
    background-color:#808080;
    font-size: 12px;
    font-weight: bold;
    text-decoration:none;
    margin-top: 0px;
    padding: 5px 10px;
}


#menu_esquerra li a.nivell1 {
    margin-left: -20px;
    width: 165px !important;
}

#menu_esquerra li a.nivell2 {
    margin-left: -20px;
    width: 165px !important;
}

#menu_esquerra li a {
    background: none repeat scroll 0 0 #d0d0d0;
    color: #FFFFFF;
    display: block;
    font-size: 12px;
    font-weight: bold;
    margin-top: 1px;
    padding: 5px 10px;
    width: 205px !important;
    color:#303030;
    margin-left:-40px;
    text-decoration:none;
}

#menu_esquerra li a:hover {
    background: none repeat scroll 0 0 #B40001;
    color: white;
    text-decoration:none;

}

.text_titulo_interior{
    color:#252525;
    font-size:14px;
    
}





















/*  Elements de la part inicial TOP */
#img_top {
	text-decoration:none;
   width:950px;
   height:221px;
 	background: url(img/bg_top1.jpg) no-repeat;
	padding: 0px 0px 0px 0px;
	position:relative;
	/*margin: -8px;*/
}

#img_top .img_logo_titan{
	float: left;
	padding: 20px 0px 0px 0px;
	margin-left:39px;
	border:1px;
	width:161px;	
	height:185px;
}

#img_top #opc_top{
	margin-top: 30px;
	margin-left: 470px;
	padding: 0px 0px 0px 0px;
	width:280px;
	height:20px;
	float:left;		
}

#img_top #menu{
	padding: 0px 0px 0px 0px;
	width:770px;
	height:37px;
}


#opc_top ul {
	list-style: none;
	margin: 0;
	padding: 0;
	font-family:Helvetica, Verdana, Arial, sans-serif;
   color:#AE0000;
	font-size:0.7em;
	font-weight: normal;
}

#opc_top li a .opc_contactar{
   width:10px;
}


#opc_top li a {
	text-decoration:none;
	height: 20px;
	padding: 0px 0px 0px 0px;
	float:left;
   text-indent: 30px;   
   /*width:150px;*/
}


#opc_top li a:link, a:visited {
	color: #AE0000;
}

#opc_top li a:hover {
	color: red;
}

#opc_top li a:active {
	color: black;
}


#img_top #menu {

	margin-left:200px;
	margin-top:159px;
	padding: 0px 0px 0px 0px;
	float:left;		
	position:absolute;
   border:0px solid rgb(0,0,0);
   width: 772px;
   height:40px;
}



#img_top #menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	font-weight: bold;	
   font-family: Calibri,"Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;
   font-size:0.96em;
   letter-spacing: normal;
   text-transform: none;

}


#img_top #menu li a {
	text-decoration:none;
	height: 37px;
	padding: 6px 0 0;
	float:left;
	width: 145px;
   text-indent: 5px;
   /*border-right:1px solid rgb(100,0,0);*/
   border-width:0px 2px 0px 0px;
	-moz-border-image:url(img/menu-normal-border-right.jpg) 0 2 0 0 repeat;
	-webkit-border-image:url(img/menu-normal-border-right.jpg) 0 2 0 0 repeat;
	border-image:url(img/menu-normal-border-right.jpg) 0 2 0 0 repeat;
   
}


#img_top #menu li a:link, #menu li a:visited {
	color: white;
}

#img_top #menu li a:hover {
	color: white;
	background: url(img/menu-over-bg.jpg);
	/*background: url(img/menu_bg_over.jpg);*/
	/*text-indent: 9px;*/
	
}

#img_top #menu li a:active {
	color: white;
	background: url(img/menu_bg_click.jpg);
}

#img_top .l_over{
	color: white;
	background: url(img/menu_bg_click.jpg);
}



/*  Body TITAN  */
#body_titan{
   width:950px;
   background: url(img/bg_body.jpg);
	text-decoration:none;
   width:950px;
   height:730px;
 	padding: 0px 0px 0px 0px;
	margin: -8px;	
}

.c_titan_body{
   margin-left:20px;
   background-color:red;
}


#img_titan_principal{
   padding-left: 20px;
   padding-top: 10px;
   float: left;
}

#conten_titan{
   padding-left: 20px;
   padding-top: 10px;
   padding:right:50px;
   width:670px;
   float: left;
}

.bottom_titan{
   padding-left: 20px;
   padding:right:50px;   
   background: url(img/bottom-titan.jpg) no-repeat;
   background-position: center;
   color:white;
   font-size:12px;
}


.text_conten_titan{
   font-size:12px;   
   padding-right:30px;
}

.text_conten_titan_mini{
   font-size:12px;   
   color:#101010;
   margin-top:30px;
   padding-top:90px;
}


#conten_right{
    border: 0px solid #000000;
    float: block;
    height: 550px;
    margin-left: 695px;
    margin-top: 10px;
    padding: 0px;
    position: absolute;
    width: 230px;
    z-index: 40;
}

#titulo_titan{
   height:20px;
   width:230px;
   color: white;
	background: url(img/bg_titulo_titan.jpg) no-repeat;
   float: left;
}

.text_titulo_titan{
   color:white;
   padding-top:5px;
   padding-left:5px;
   padding-right:5px;
   font-weight:bold;   
   font-size:12px;
}

.text_conten_titulo{
   font-size:11px;   
   padding: 10px 0px 20px 10px;
   /*color:#252525;*/
   width:200px;
   border-left: 1px solid #959595;
   border-right: 1px solid #959595;
   border-bottom: 1px solid #959595;   
   /*height:500px;*/
}



.link_menu_dreta{
   font-size:120%;
}



.menu li {
	float: left;
}

.menu {
	height: 70px;
}

.menu ul li ul {
	display: none; /* De lo que hablábamos */
	background: #cac99e ;
	padding: 10px 0;
	position: absolute; /* Muy importante */
	margin: -12px -20px; /* Lo colocamos donde queremos */
	.margin: 69px -170px; /* Hacks para colocarlo bien en ie */
	_margin: 69px -170px;
}
 
.menu ul li:hover ul {
	display: block;
}

.menu ul li ul li {
	display: block;
	float: none;
	position: relative;
	color: #fff;
	padding: 0 20px;
	line-height: 30px;
}

.menu ul li ul span {
	background: url('img/flecha.png');
	margin: -20px 50px;
	width: 20px;
	height: 10px;
	position: absolute;
}


.in2 {
    border:1px solid rgb(150,150,150);
    margin-bottom:5px;
}

label {
    color: #353535;
    float: left;
    font-weight: bold;
    width: 90px;
}