/*
 * FILMAC WEB STRUCTURE v1.0.0.0
 * 
 * Fecha: 05/05/2007
 * Autor: GHeras
 * Descripción: Estilos comunes a toda la aplicación
 */

body {background: #00336F url("../../gifs/fondo.gif") repeat-x left top; margin: 0px; padding: 0px; font-family: Arial; font-size: 12px; color: #000000; line-height:125%;}
h1 {font-family: verdana; font-size: 13px; font-weight: bold; color: #4a9e53;  margin: 5px 0px 5px 0px;}
h2 {font-family: verdana; font-size: 12px; font-weight: bold; color: #000000;  margin: 5px 0px 5px 0px;}
h3 {font-family: verdana; font-size: 12px; font-weight: bold; color: #013370;  margin: 5px 0px 0px 0px;}
p{margin-top: 5px; margin-bottom: 10px;font-size: 12px;}
a{color:#2f95c5;}
ul{list-style-type: disc;}
img{border:0px;}
SELECT {font-size : 11px; border: solid 1px #45A24E!important;} 
INPUT {
	font-size : 11px;
	border: 1px solid #CCC;
}
INPUT.Noborder {
	font-size : 11px; 
	border: solid 0px #45A24E;
} 

.INPUTnoborder INPUT {font-size : 11px; border: solid 0px #45A24E;} 
TEXTAREA {font-size : 11px; border: solid 1px #45A24E;}
.form {font-size : 11px; color: #4D4D4D;}

/*
 * Centrado de páginas
 */ 
.centeredPage
{
	position: relative;
	margin: 0px auto;
	padding: 0px 0px 40px 0px;	
	width: 987px;
}

/* 
 *  Cabecera
 */

#header 
{
	 vertical-align: top;
}

#header *
{
	/*display: none;*/
}

#header #logo
{
    position: relative;
    margin: 0px 0px 0px 0px;      
}

#header #logo img {border: 0px;}

#header #metaMenu
{    
    position: absolute;
    right: 10px;
    top: 0px;
    padding: 0px;
    color:#0d0d8c;    
    font-family: Verdana; 
    font-size: 10px;
}

#header #metaMenu a {text-decoration: none;}
#header #metaMenu #links {float:left; padding-top:5px;}
#header #metaMenu .separator {margin:0px 5px; color:#4D4D4D;}

/*
 * Pie de página
 */ 
#footer
{
    position:relative;    
    clear: both;
    padding: 25px 40px 10px 0px;
    margin: 0px 0px 0px 0px;
    text-align:right;
    color:#ffffff;
    font-size:11px;
}

#footer a 
{
	color:#ffffff;
	font-size:11px!important;
}

#content
{
    position: relative;
    float:left;
    top: 10px;
    left: 0px;
    margin: 0px 0px 0px 0px;    
    padding: 0px;
}

/*
 * Menu principal
 */ 

#mainMenu1
{
    position: relative;
    font-family: arial;
    left: 0px; 
    top: 0px;    
    padding: 0px 0px 0px 0px;
    margin: 0px;
}
#mainMenu1 .selected
{
	position: relative;
	float:left;
	/*top:-14px;*/
}
#mainMenu1 .tabitem
{
	height:70px;
	vertical-align:top;
	float:left;
}
#tabmenu
{
	height:70px;
	top:47px;
	left:243px;
	width:738px;
	position:absolute;
}
#submenu
{
    position: absolute;
    left: 0px; 
    top: 90px;    
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 243px;
    height:30px;
}
#submenu .item
{
	float:left;
}

#menuContent
{
    position: relative;
    float:left; 
    font-family: arial;
    font-size: 12px;
    left: 0px; 
    top: 0px;    
    width: 250px;
    padding: 120px 0px 0px 30px;
}

#menuContent img
{
    border: none;
    margin: 0px;
    padding: 0px;    
}

#menuContent .staticItem
{
    margin: 0px;
    padding: 0px;    
}

#menuContent .dynamicItem
{
    background-color:#000066;
    color:#ffffff;
    Width:155px;
    padding:0px;
    vertical-align: middle;
    border-top: solid 1px #000066;
    border-top: solid 1px #41438E;    
}
#menuContent .dynamicItem div
{
    padding:5px 5px 5px 10px;
}

#menuContent #mainMenu
{
	text-align: right;
	width: 158px;
	margin:  20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 11px;
	font-family: Verdana, Arial;
	border:solid 0px #fff;
}

#menuContent #mainMenu p
{
	padding: 0px 0px 0px 0px;
	margin: 0px 10px 0px 0px;
}

#menuContent #mainMenu .menuoff
{
	background: url('../../gifs/pixelblanco.gif') repeat-y right;
	padding: 0px 10px 0px 0px;
	color:#666666;
}

#menuContent #mainMenu .menuon
{
	background: url('../../gifs/pixelblanco.gif') repeat-y right;
	padding: 0px 10px 0px 0px;
}

#menuContent #mainMenu .menuonSel
{
	background: url('../../gifs/pixelrojo.gif') repeat-y right;
	padding: 0px 10px 0px 0px;
	color:#666666;
}

#menuContent #mainMenu .smenuon
{
	background: url('../../gifs/pixelrojo.gif') repeat-y left;
	margin-left: 147px;
	padding: 0px 0px 0px 10px;
}

#menuContent #mainMenu .smenuoff
{
	background: url('../../gifs/pixelrojo.gif') repeat-y left;
	margin-left: 147px;
	padding: 0px 0px 0px 10px;
	color:#666666;
}

#menuContent #mainMenu .menuon span {margin-left: 140px;}

/* 
 *  Zona de contenido principal 
 */

#mainPanel
{
    position: relative;
    float: left;
    top: 0px;
    margin: 0px 0px 0px 0px;    
    padding: 0px;
    width: 987px;  
}

#mainContent
{
    position:relative;    
    
    padding: 0px 0px 10px 0px;
    border:solid 0px #000;
    margin: 0px;
}

#mainContent table
{
    font-family: Arial;
    font-size: 11px;
}

#mainContent table th
{
   background-color: #fff;
   color: #666;         
   padding: 0px 0px 0px 2px;
   text-align:left;
}

#mainContent table td 
{
	padding: 3px 0px 3px 2px;
	border-bottom: solid 0px #00336F;
}

#mainContent .listTitle
{
   position: relative;
   font-weight: bold;
   color: #000;         
   padding: 3px 3px 3px 0px;
   color:#FF0000;
}

#mainContent .listTitle2
{
   position: relative;
   font-weight: bold;
   background-color: #FE9900;
   color: #ffffff;         
   padding: 3px 3px 3px 5px;
}


#mainContent .listSubtitle
{
   position:relative;
   color: #c0c0c0;   
}

#mainContent .listItem
{
    position: relative;
    padding: 7px 0px 4px 2px;
}

#mainContent .listItem p
{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

#mainContent .listItem2
{
    position: relative;
    padding: 7px 0px 7px 2px;
    border-bottom: solid 1px #FE9900;
}

#mainContent .listImg
{
    position: relative;
    float: left;    
    margin: 0px 3px 3px 0px;
}

#mainContent .listTextBlock
{
    position: relative;
    margin-left: 59px;
}

#mainContent .leftContent
{
    width: 498px;
    margin-bottom: 10px;
}

#mainContent .downloads {width: 498px;}
/* Listas */
#mainContent UL { list-style-image: url(../../gifs/bullet.gif);}
#mainContent .ulnormal
{
	list-style-image:none;
	list-style-type:lower-latin;
}
#mainContent .ullatin
{
	list-style-image:none;
	list-style-type:lower-alpha;
}
#mainContent .ulgreen
{
	list-style-image: url(../../gifs/bullet_hueco.gif);
}
#mainContent LI {margin: 0px 0px 8px 0px;} 


/*
 * Elementos de maquetación
 */
.hr	
{ 
    clear:left;
    width: 100%;
    height: 10px;
    margin: 10px 0px 0px 0px;
    border-top: 1px SOLID #cccccc;
}
.hr2	
{ 
    clear:both;
    width: 100%;
    height:20px;
}

.row
{
    position:relative;
    width: 99%;
    clear: both;
    margin: 0px 0px 0px 0px;
    padding: 0px;
}

.row1
{
    position:relative;
    width: 100%;
    clear: both;
    margin: 10px 0px 0px 0px;
    border-top: 0px SOLID red;
}


.column
{
    position:relative;
    margin: 0px 6px 0px 0px;
    float: left;
    width: auto;

}
.column2
{
    position:relative;
    margin: 0px 20px 0px 0px;
    float: left;
    width: 44%;
    background: #e5f2f8;
}

.column2 p
{
   padding: 0px 5px 0px 5px;
}


.columnRight
{
    position:relative;
    margin: 0px 0px 0px 10px;
    float: right;
    width: auto;
}

.columnR
{
    position:relative;
    margin: 0px 5px 0px 0px;
    float: left;
    width: 175px;
    text-align: right;
    font-size: 11px;
    border:solid 0px red;
}

.columnR1
{
    position:relative;
    margin: 0px 5px 0px 0px;
    float: left;
    width: auto;
    text-align: left;
    font-size: 11px;
    border:solid 0px red;
}

.rowEnd
{   
    position:relative;       
    width: 100%;
    clear: both;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    height: 1px;
}


.formError
{    
    position: relative;   
    /*display:block;
    clear:left;*/
    color: Red;
    padding: 3px 0px 0px 0px;
    border:solid 0px red;
}

.legalInfo 
{
	margin: 10px 10px 0px 0px;
	font-size:10px;
	line-height:normal;
}


/*
 *  Contacto: elementos específicos
 */ 
.contactForm {margin: 0px 10px 0px 0px; padding: 20px 10px 0px 5px;}
.contactForm .formRow {width: 90%; margin-bottom:5px; position:relative; clear:both; padding: 0px 0px 0px 60px; border:solid 0px red;}
.contactForm .formCol { width:auto; float:left; margin-right:5px;}
.contactForm .formError {margin-left: 0px; color:Red;}
.contactForm .controls { text-align:left; padding:10px 390px 0px 0px;}
.contactForm .controls .big{font-size:14px; font-weight:bold;}
.contactForm p {margin: 0px 0px 5px 0px;}
.contactForm .text {width:80%;	font-size:10px;line-height:normal;}

/*
 *  Home: elementos específicos
 */ 
#Col1 
{
	position: relative;
    float: left;
    width: 607px;  
    margin: 0px 0px 0px 20px;
    padding: 0px 0px 0px 0px;
    border:solid 0px red;
}

#Col1 a {color: #fff; font-size: 9px;}
#Col1 .separator {margin:0px 2px 0px 2px; color:#4D4D4D;}

#Col1 .divTexto
{
    font-family: Arial;
    font-size:11px!important;
	position: relative;
    margin: 0px 0px 0px 0px;
    padding: 0px 20px 0px 20px;
    background:  url("../../gifs/fondo_capa_home.gif") repeat-x center top;
    height:77px;
}
#Col1 .divTexto p
{
    font-family: Arial;
    font-size:11px!important;
	margin-top: 0px;
	padding-top: 5px;    
}
#Col1 .divTexto strong
{
	color:#4f954f;
}
#Col1 .flash
{
	position: relative;
    margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 393px;
}

#Col1 .flash2
{
	position: relative;
    margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 500px;
}

#Col2 
{
	position: relative;
    float: right;
    width: 300px; 
    /*margin: 180px 0px 0px 0px;*/
    margin: 30px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: center;
    border:solid 0px red;
}

#Col2 .img {margin: 0px 0px 10px 0px;}
#Col2 h1 {font-size: 12px; margin: 0px; padding: 0px;}
#Col2 p {font-size: 12px; margin: 0px; padding: 0px;}
#Col2 .banners {margin: 0px 0px 0px 0px;}

#Col2 .columnaFichNot
{
	position: relative;
    float: left;
    width: auto;  
    margin: 10px 0px 0px 0px;
    padding: 10px 10px 10px 0px;
    font-size: 10px;
}


#homeFoot 
{
	position: relative;
    width: 540px;    
    margin: 10px 0px 0px 0px;
    padding: 0px 0px 0px 235px;
    border:solid 0px red;
    font-family: Verdana, Arial; font-size: 10px; 
}

#homeFoot .separator {margin:0px 5px; color:#4D4D4D;}

/*
 *  Ficha: elementos específicos
 */ 

#ColFicha 
{
	position: relative;
    width: 100%;  
    margin: 20px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    color:#000000;
    border:solid 0px red;
}

#ColFicha h1 
{
	font-family: verdana; font-size: 13px; font-weight: bold; color: #4a9e53;  margin: 0px 0px 5px 0px;
}

#ColFicha .imagenFicha
{
	position: relative;
	float: left;
	margin-right:20px;
	width:185px;
	text-align:center;
}

#ColFicha .textoFicha
{
	width:430px;
	float:left;
}

#ColFicha .colLeft 
{
	position: relative;
    float: left;
    width: 720px;
}
#ColFicha .colLefti 
{
	position: relative;
    float: left;
    width: 400px;
}
#ColFicha .content
{
    width: 656px;  
    /*margin: 0px 0px 0px 20px;
    padding: 0px 40px 0px 20px;*/
    background-color:#ffffff;
    padding-left:20px;
    padding-right:10px;
    float:left;
    position: relative;
    margin-left:20px;
 }
#ColFicha .boxtop
{
    background-image: url(../../gifs/top_caja_interior.gif);
    background-repeat:no-repeat;
    width:686px;
    height:52px;
    float:left;
    margin-left:20px;
 }
#ColFicha .boxbottom
{
    background-image: url(../../gifs/bottom_caja_interior.gif);
    background-repeat:no-repeat;
    width:686px;
    height:37px;
    margin-left:20px;
    float:left;
    position: relative;
}
#ColFicha .colRighti
{
	position: relative;
    float: right;
    width: 322px; 
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: center;
    color:#ffffff;
    border:solid 0px red;
}

#ColFicha .colRight
{
	position: relative;
    float: right;
    width: 239px; 
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: center;
    color:#ffffff;
    border:solid 0px red;
}

#ColFicha .colRight a
{
	color:#ffffff;
}
#ColFicha .colRight p
{
}
#ColFicha .colRight .banners 
{
	margin: 0px 0px 0px 0px;
}
#ColFicha .boxmenucontent
{
    /*width: 198px;
    margin: 0px 0px 0px 0px;
    padding: 5px 0px 0px 15px;
    background-color:#0199cb;
    float:left;
    position: relative;
    color:#56ccf0;
    text-align:left;*/
    background-color:#0199cb;
    float:right;
    position: relative;
    width:213px;
    right:9px!important;
    border:solid 0px red;
}
#ColFicha .boxmenucontent .txt
{
    color:#56ccf0;
    text-align:left;
    padding: 5px 0px 0px 15px;
}
#ColFicha .boxmenucontent a
{
	text-decoration:none;
	font-weight:bold;
}
#ColFicha .boxmenutop1
{
    background-image: url(../../gifs/menu_paraempresas_top.gif);
    background-repeat:no-repeat;
    background-position: 28px 0px;
    width:241px;
    height:34px;
    /*margin-left:28px;*/
    float:left;
    position: relative;
}
#ColFicha .boxmenutop2
{
    background-image: url(../../gifs/menu_parahogar_top.gif);
    background-repeat:no-repeat;
    background-position: 28px 0px;
    width:241px;
    height:34px;
    /*margin-left:28px;*/
    float:left;
    position: relative;
}
#ColFicha .boxmenubottom
{
    background-image: url(../../gifs/menu_bottom.gif);
    background-repeat:no-repeat;
    background-position: 28px 0px;
    /*width:213px;*/
    width:241px;
    height:24px;
    float:left;
    /*margin-left:28px;*/
    margin-bottom:10px;
    position: relative;
}

/*
 *  La empresa: elementos específicos
 */ 
#ColEmpresa 
{
	position: relative;
    margin: 0px 0px 0px 0px;
    padding: 0px 50px 0px 0px;
    border:solid 0px red;
}

/*
 *  Nota legal: elementos específicos
 */ 
#ColNota {position: relative; margin: 0px 0px 0px 0px; padding: 0px 50px 0px 0px; border:solid 0px red;}
#ColNota p {margin: 0px 0px 15px 0px;}
#ColNota h1 {margin: 0px 0px 10px 0px;}


.linkSiguiente {text-decoration: none;	font-weight:bold;}
.linkSiguienteRight{text-decoration: underline;	float: right;}
.linkSiguienteLeft{text-decoration: underline; float: left;}

.controlsBox 
{
	width: 715px;
	margin: 0px 0px 0px 9px;
	padding: 5px 0px 0px 0px;
	font-weight:bold;
	border-top: solid 1px #ccc;
	font-size: 10px;
}

.separa
{
    margin: 0px 0px 0px 10px;
    padding: 0px 0px 0px 0px;
    border-top: solid 1px #ccc;
    width: 715px;
}

.divTitular 
{
	position: relative;
	float: right;
	right: 0px;
	padding: 0px;
	margin: 0px;
}

.localizador {color:#AA0000;margin: 0px 0px 20px 0px;font-family: Verdana, Arial;font-size: 11px;}
.localizador strong{color:#AA0000;}

.flechas {width:auto; text-align:center; border:solid 0px red;padding:0px 0px 0px 320px;margin:0px 0px 0px 0px;}


#divAcceso 
{
	/*position:absolute;
	height: 168px;
	width:301px;
	right:19px;
	top:-14px;
	z-index:10;
	background: url("../../gifs/imagen_login.gif");*/
	position: relative;
    float: right;
    width: 301px; 
    height:120px;
    margin: -44px 0px 0px 0px;
    padding: 0px 0px 0px 0px;	
    /*background: url("../../gifs/imagen_login.gif");*/
    border: solid 0px red;
}
#divAcceso .divcontent
{
	position:absolute;
	top:65px;
	color:#ffffff;
	margin-left:10px;
	font-size:11px;
	line-height:110%;
}
#divAcceso a
{
	color:#ffffff;
}

/* Clientes */
.clientes
{
	width:31%;
	padding-right:10px;
	float:left;
	position:relative;
}

/* Otros */
.imgleft
{
	float:left;
	margin-right: 10px;	
}
.imgcont
{
	margin-left: 180px;
}

/* Prueba Gratis */
.txtpromogratis
{
	padding:10px 20px 5px 30px;
}
.txtpromogratisform
{
	padding:0px 0px 10px 60px;
}
.h1promogratis
{
font-family: Verdana; 
font-size: 20px; 
font-weight: bold; 
margin: 5px 0px 5px 0px;	
}




/**/

.DataGridStyle
{
}

.DataGridHeaderStyle td{
    background-color:#fff;
    text-align:center;
    vertical-align:baseline;
    border-bottom: solid 1px #4a9e53!important;
    
}

.DataGridHeaderStyle {
    background-color:#fff;
    text-align:center;
    vertical-align:baseline;
    border-bottom: solid 1px #4a9e53!important;
    
}

.DataGridItemStyle td
{
    text-align:Left;
    vertical-align: baseline;
    border-bottom: solid 1px #ccc!important;
}

.DataGridItemAlternateStyle
{
    text-align:Left;
    vertical-align: baseline;
    background-color:#faf0e6;
}

.DataGridPagingStyle
{
    text-align:right;
}

.alto1 { height:470px;}
.alto2 { height:430px;}

#ctl00_cphMain_divformGratis 
{ 
	background-color:#e5f3f6;
	border: solid 0px Red;
	padding: 0px 20px 0px 25px;
}
.boxtophome
{
    margin-top:14px;
    margin-left:20px;
}
.flash3
{
	padding-top: 40px;
}