/***********************

css para CANTV Data Center
Federico Bozo
Wikot Technologies



***********************/



/* =generales
===================================*/

body {
	background-color:#fff;
	color:#000000;
}
* , body{
	margin: 0px;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	outline:none;
}

img {border:0;}

.clear {clear:both;}

ul, li {list-style:none;}

#container{
	width: 925px;
	margin: 0 auto;
}

/* =header
===================================*/
#header {
	height: 124px;
	background: #fff;
	position: relative;
	
}


/* =menuglobo
===================================*/


#logo_top {
	float: left;
	width: 666px;
	height: 100px;
}
.globo_top {
	position: absolute;
	right: 5px;
	top: 20px;
	width: 355px;
	height: 99px;
	z-index: 1;
	background-image: url(../images/simulacion_trans.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-color: #E6E6E6;
	color:inherit;
	}
.globo_top h1{
	margin-left:8px;
	padding-top:8px;
	background-image: url(../images/menu_globo_h1.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	width: 94%;
	height: 20px;
	display:block;
}
.globo_top p{
	margin-left:8px;
	padding-top:8px;
	width: 94%;
}
.menu_globo_1{
	position:absolute;
	bottom:14px;
	right:16px;
	display:block;
	height:20px;
	/*width:120px;*/
	text-decoration:none;
	color:#000000;
	font-weight:bold;
	background-repeat: no-repeat;
	background-position: left top;
	padding-left:16px;
	background-image:url(../images/btn_detalles_black.gif)
}	
.menu_globo_2{
	position:absolute;
	bottom:14px;
	right:160px;
	display:block;
	height:20px;
	/*width:120px;*/
	text-decoration:none;
	color:#000000;
	font-weight:bold;
	background-repeat: no-repeat;
	background-position: left top;
	padding-left:16px;
	background-image:url(../images/btn_detalles_black.gif)
}
 .menu_globo_2:hover , .menu_globo_1:hover{
	text-decoration:underline;
	color:#000000;
	font-weight:bold;
}	
.globo_top img{
	border:none;
}

.menu_top {
	position: absolute;
	right: 0px;
	top: 0px;
	width:270px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	height: 15px;
	z-index: 2;
}
.menu_top li{
	display: inline;
}
.menu_top a, .menu_top a:link{
	color: #A3A3A3;
	background-color:inherit;
	font-weight:bold;
	text-align:center;
	text-decoration: none;
	width:88px;
	float:left;
	margin-top: 5px;
	border-right: #A3A3A3 solid 1px;
	z-index:2;
	display: block;
	height:15px;
	font-size:11px;
	text-decoration:none;
}
.menu_top a:visited {
	text-decoration: none;
		color: #A3A3A3;
	background-color:inherit;
	font-weight:bold;
	font-size:11px;
	text-decoration:none;
}
.menu_top a:hover{
	display: block;
	color:#00009C;
	font-weight:bold;
	z-index:2;
	font-size:11px;
	text-decoration:none;
}
.menu_activo{
	height:21px;
	display: block;
	color:#00009C;
	font-weight:bold;
	border-right-width: 10px;
	border-left-width: 10px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #A0A0A8;
	border-left-color: #A0A0A8;
	background-color:#E6E6E6;
	z-index:2;
}



/* =logo
===================================*/
.logo {
	position: absolute;
	top: 20px;
	left: 10px;
}

/* =pie
===================================*/

#pie{
	clear:both;
	float:left;
	width:966px;
}
#pie p{
	color:#666666;
}
.menu_foot{
	width:966px;
	display:block;
	list-style:none;
	padding-bottom:6px;
	border-bottom-style:solid;
	border-bottom-color:#CCCCCC;
	border-bottom-width:1px;
	margin-bottom:4px;
	}
.menu_foot li{
display:inline;
margin-right:10px;
}
.menu_foot a{
	color:#666666;
	text-decoration:none;
}
.menu_foot a:hover{
	color:#666666;
	text-decoration:none;
}

/* =menu_nav_ppal
===================================*/

#menu_nav_ppal {
	clear: both;
	float: left;
	height: 31px;
	width: 100%;
}

#menu_nav_ppal ul {
	width:600px;
	float:right;
}

#menu_nav_ppal li {
	display:inline;
}

	#menu_nav_ppal li  a {
		display:block;
		float:left;
		height:31px;
		margin:0;
		padding:0 16px;
	}
	
		#menu_nav_ppal li  a span{
			display:none;
		}
		
	#navP_inicio a {width:80px;}
	#navP_porquenosotros a,
	#navP_portafolio a,
	#navP_servicios a {width:127px;}
		
	#navP_inicio a {background:url(../images/fondo_menu_general.gif) 0 -34px;}
	#navP_porquenosotros a {background:url(../images/fondo_menu_general.gif) -110px -34px;}
	#navP_portafolio a {background:url(../images/fondo_menu_general.gif) -268px -34px;}
	#navP_servicios a {background:url(../images/fondo_menu_general.gif) -427px -34px;}
		
	#home #navP_inicio a,
	#navP_inicio a:hover {background-position: 0 0;}
	
	.porque #navP_porquenosotros a,
	#navP_porquenosotros a:hover {background-position: -110px 0;}	
	
	.portafolio #navP_portafolio a,
	#navP_portafolio a:hover {background-position: -268px 0;}		
	
	.servicios_pro #navP_servicios a,
	#navP_servicios a:hover {background-position: -427px 0;}


/* =cuerpo
===================================*/

#cuerpo-cabeza {
	clear: both;
	margin:0;
	padding:0;
}

#dc_login {
	text-transform: uppercase;
	color: #fff;
	background-image: url(../images/dc-login.gif);
	height: 25px;
	text-align: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 10px 10px 0 0;
}

	#dc_login a { 
		text-decoration:none;
		color:#fff;
		padding:3px 0 3px 9px;
		margin-left:10px;
		border-left:3px solid #f60;
	}
	
	#dc_login a:hover { 
		color: #f60;
	}
	
#cuerpo-principal {
	margin:0;
	padding:0 0 7px 0;
}

#nav_interna_img {
	float: left;
	width: 380px;
	padding-top: 10px;
	padding-left: 20px;
}

	#nav_interna_img img {
		float: left;
		margin:3px;
	}



#nav_interna_img ul, 
#nav_interna_img p{
	float: left;
	width: 220px;
	margin-bottom: 15px;
}

	#nav_interna_img ul li {
		width:200px;
		float:left;
	}
	
		#nav_interna_img ul li a {
			font-family:Verdana, Arial, Helvetica, sans-serif;
			background:url("../images/fondo_nav_interna.gif") no-repeat left top;
			display:block;
			width:200px;
			text-decoration:none;
			padding:6px 0 6px 15px;
			color:#333;
			float:left;
		}
		
		#nav_interna_img ul li a.big {
			font-family:Verdana, Arial, Helvetica, sans-serif;
			background:url("../images/fondo_nav_interna2.gif") no-repeat 0px 13px;
			display:block;
			width:200px;
			text-decoration:none;
			padding:6px 0 6px 15px;
			color:#333;
			float:left;
		}
		
		#nav_interna_img ul li a:hover {
			background:url("../images/fondo_nav_interna.gif") bottom left  no-repeat;
		}
		
		#nav_interna_img ul li a.big:hover {
			background:url("../images/fondo_nav_interna2.gif") bottom left  no-repeat;
		}

/*
=contenido 
*/

#contenido {
	float: left;
	width: 515px;
	padding-top: 10px;
	padding-left: 5px;
}

 #contenido h1, #contenido h2, #contenido h3 {margin:7px 0;}
 #contenido h1, #contenido h2 {font:bold italic 20px MetaNormal-Roman,"Trebuchet MS",Arial, Helvetica, sans-serif;}

 
 #contenido h3, #contenido p, #contenido li {font:normal 10px Verdana, Arial, Helvetica, sans-serif;}
  #contenido h3 {font-size:12px; font-weight:bold;}

/*
=tabla contenido 
*/

#contenido table {
	width:100%;
	table-layout:fixed;/* para que la tabla agarre el tamaņo especificado en el css */
	overflow:hidden; /* esconde el contenido que se quiera salir */
	word-wrap:break-word;/* rompe las palabras largas para que no se salga */
	border:0;
	color:#000;
	margin-bottom:25px;
}
	#contenido table tr {
		padding:5px 0;
	}
	
	#contenido table tr.par {
		background:#ffefe5;
	}
	
	#contenido table .tr_head td {
		color:#f60;
		border-bottom:1px solid #ccc;
		font:bold italic 14px Verdana ,Arial, Helvetica, sans-serif;
	}
	
		#contenido table td {
			font:bold normal 10px Verdana, Arial, Helvetica, sans-serif;
			text-align:center;
			padding:5px 0;
		}
		
		#contenido table td.borde {
			border-right:1px solid #ccc;
		}
		
			#contenido table .primera {
				width: 300px;
				text-align:left;
			}
#contenido .banners {
	margin: 5px 0 15px 0;
	text-align:center;
}

#contenido .banners img{
	margin: 0 3px;
}


.titulo_imagen span {display:none;}
#home #contenido {
	width: 100%;
}
#razones {
	background-color: #ccc;
	background-image: url(../images/caja_razones.gif);
	height: 199px;
	width: 366px;
	padding-left: 15px;
	padding-top:5px;
	float: left;
}

#razones ul {
	margin-left:0px;
}
#contenido li {
	padding:2px 10px;
	background:url(../images/bullet_interno.gif) no-repeat 0px 7px;
	line-height:12px;
	
}


#home #contenido .banners {
	float: right;
	width: 250px;
}

#home #contenido .banners img{
	margin:0 0 6px 0;
}

#home .video_flash {
	float: left;
	margin-right: 10px;
	width: 275px;
	height: 205px;
}

a.subir {
	float: right;
	width:50px;
	text-align: center;
	margin: 7px 0;
	padding:0 0 7px 0;
	border:1px solid #ccc;
	border-top:0;
	clear: both;
}
.soporte #nav_interna_img p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 15px;
	width: 190px;
}
	.soporte #nav_interna_img p strong{
		color:#f60;
	}
	
	.soporte #nav_interna_img p a{
		color:#333;
		font-weight:bold;
		text-decoration:none;
	}
	
/*
=forms
*/	
	
form, fieldset {
	border:0;
	margin:0;
	padding:0;
}

fieldset {
	float: left;
	width: 245px;
}
	fieldset p {
		margin-bottom:10px;
	}
	
	fieldset p,
	fieldset p label,
	fieldset p .text {
	float:left;
	width:220px;		
	}


fieldset p label {
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	margin-bottom:5px;
}
	.nota {
		color:#f60;
	}

	fieldset p .text,
	fieldset p .textarea {
			border:1px solid #ccc;
			padding:4px;			
		}
fieldset p input.checkbox {float:left; margin:0 3px 15px 0;}
fieldset p .textarea {width:240px; height:150px;}
button {
	border:0;
	cursor: pointer;
	cursor: hand;
}

.botonera {
	text-align: right;
	clear: both;
}

/*
= mapa del sitio
*/

.mapa_sitio #contenido {
	width:925px;
}

.mapa_sitio #contenido ul {
	float:left;
	width:32%;
	margin:0 10px 15px 0;
}

.mapa_sitio #contenido li{
	background:url(../images/flecha_navegacion_interna.gif) no-repeat 0px 5px;
}
	.mapa_sitio #contenido li a{
	color:#000;
	text-decoration:none;
}
		.mapa_sitio #contenido ul li ul{
			float:none;
			margin:0 0 0 25px;
			width: 100%;
		}

			.mapa_sitio #contenido ul li ul li{
				background:url(../images/asterico_nav_interna.gif) no-repeat 0px 5px;
			}

.mapa_sitio #contenido li.titulo_seccion {
	background: #ccc;
	padding:0;
}


.mapa_sitio #contenido .titulo_seccion a{
	color:#000;
	text-decoration:none;
	display: block;
	padding: 5px;
	margin-bottom: 7px;
}

.mapa_sitio #contenido a:hover { text-decoration:underline;}