/*
Template name: Transparentia
Template URI: http://templates.arcsin.se/transparentia-website-template/
Release date: 2006-08-20
Description: Simple, lightweight and slightly blue.
Author: Viktor Persson
Author URI: http://arcsin.se/

This template is licensed under a Creative Commons Attribution 2.5 License:
http://templates.arcsin.se/license/
*/

/* standard elements */
* {
	padding: 0;
    margin-left: 0;
    margin-bottom: 0;
    margin-top: 0;
}
a {
	color: #3E5F7F;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
body {
	
	/* background: #FAFAFA; */
	/* background: url(img/background.gif) repeat-x scroll center top #D1E0EA;*\
	border-top: 4px solid #27506C;
	/*color: #444; */
    color: #000000;
	font: normal 80% arial,sans-serif;
	margin: 0;
}
input, textarea {
	/*color: #000000;
	font: normal 1.05em arial,sans-serif;*/
    border: 1px solid #ababab;
    background-color: #fff;
    background-color: rgba( 255,255,255,0.85 );
    color: #444;
}

    

select
{
	color: #000000;
	font: normal 1.05em arial,sans-serif;
}

cite,code {
	font-size: 1.2em;
	padding-bottom: 1.2em;
}

p
{
    font-size: 1.2em;
    padding-bottom: 1.2em;	
}
    
ul
{
	padding-bottom: 2px;
}

h1 {
	font-size: 1.4em;
	/* margin-bottom: 4px; */
}
code {
	background: url(img/bgcode.gif);
	border: 1px solid #F0F0F0;
	border-left: 6px solid #39F;
	color: #555;
	display: block;
	font: normal 1.1em "Lucida Sans Unicode",serif;
	margin-bottom: 12px;
	padding: 8px 10px;
	white-space: pre;
}
cite {
	background: url(img/quote.gif) no-repeat;
	color: #666;
	display: block;
	font: normal 1.3em "Lucida Sans Unicode",serif;
	padding-left: 28px;
}
h1,h2,h3 {
	color: #367EA6;
}

/* misc */
.clearer {
	clear: both;
	height: 0;
}

/* structure */
.container {
	/* background: url(img/bgcontainer.gif) repeat-y; */
	margin: 0 auto;
	padding-bottom: 5px;
	/* width: 100%; */
	width: 1024px;
	border-bottom: 1px solid #DDD;
}
.header {
	background: url(img/degradado.png) repeat-x;
	height: 60px;
}
.subheader {
    background-color: #FFFFFF;
	height: 32px;
    border-bottom: 1px solid #DDD;
}

.subheader2 {
    background-color: #003550;
	height: 42px;
    padding: 2px;
}
.bread {
    color: #003550;
    float: left;
    padding: 10px 37px;
    font-family: 'telefonica_headline_lightRg', Arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 14px;
    width:650px;
}

.breadLink
{
    float:left;
    width:auto;
}
.breadLink:hover
{   
    cursor:pointer;
}
.breadLink a
{
    color: #003550;
    text-decoration:none;
}

.explica {
    font-family: "telefonica_headline_lightRg", Arial, Helvetica, sans-serif;
    color: #ffffff;
    font-size: 13px;
    line-height: 14px;
    padding: 10px;
}
.explicaAzul {
    font-family: "telefonica_headline_lightRg", Arial, Helvetica, sans-serif;
    color:  #003550;
    font-size: 13px;
    line-height: 14px;
    padding: 10px;
    width:320px;
}
.buscador {
    /* background-image: url(images/buscador.jpg); */
    background-repeat: no-repeat;
    height: 60px;
    width: 100%;
    background-color: #003550;
}

.marca {

    float: right;
    margin: 10px;
}

.Area_Login
{
        position:absolute;
        /*width:960px;*/
    	height: 60px;
        width:420px;
       
}

.Campos_Login
{

    /*position:relative;*/
    width:300px;
    /*left:640px;*/
	margin-top:4px;
    text-align: right;
}

.Esquina_Derecha {
     font-family: "telefonica_headline_lightRg", Arial, Helvetica, sans-serif;
    color:  #003550;
    font-size: 11px;
}

.Barra_Herramientas2 {
     font-family: "telefonica_headline_lightRg", Arial, Helvetica, sans-serif;
    color:  #fff;
    background-color: #06b0c1;
    font-size: 10px;
    border:none;
    border-radius:3px;
    width:64px;
    height:24px;
    vertical-align:bottom;
}

.Barra_Herramientas2:hover {
     background-color: #3E5F7F;
    cursor:pointer;
}
.Barra_Herramientas3 {
     font-family: "telefonica_headline_lightRg", Arial, Helvetica, sans-serif;
    color:  #fff;
    background-color: #003550;
    font-size: 11px;
    border:none;
    border-radius:3px;
    width:64px;
    height:24px;
    vertical-align:bottom;
       
}

.Barra_Herramientas3:hover {
    background-color: #3E5F7F;
    cursor: pointer;
}


.Barra_HerramientasNueva {
    font-family: "telefonica_headline_lightRg", Arial, Helvetica, sans-serif;
    color:  #fff;
    background-color: #003550;
    font-size: 12px;
    border:none;
    border-radius:3px;
    width:80px;
    height:30px;
    padding-left:6px;
    padding-right:6px;
    margin-bottom:4px;
}

.Barra_HerramientasNueva:hover {
     background-color: #3E5F7F;
    cursor:pointer;
}

.PanelFloatDcha
{
    position:relative;
    width:400px;
	margin-top:4px;
    text-align: left;
}

.logo
{
	float: left;
    text-align: left;
    padding-left:4px;
	padding-top:6px;
    background-color: transparent;
}

.logo_bottom
{
   	float: left;
    text-align: left;
    padding-left:15px;
    background-color: transparent;
}


.logo_right
{
	float: right;
    text-align: right;
    padding-right:15px;
	padding-top:6px;
    background-color: transparent;
}

.titular {
    margin-top:8px;
    color: #034154;
    font-size: 18px;
    margin-bottom: 12px;
}

.cabeceraPopUps {
    background-color:#003550;
    color:#fff;
    font-size: 14px;
    font-weight:bold;
    margin-bottom: 12px;
    text-align:center; 
    border-color:#9f9f9f;
    height:24px;
    vertical-align:middle;
}

.cabeceraPopUps:hover
{
	cursor:move;
}

.cabeceraSeccion {
    width:89%;
    font-size: 15px;
    font-weight: bolder;
    /*color: #034154;*/
    color: #1b83a3;
    margin-bottom: 8px;
    margin-left: 2px;
    border-bottom: 1px solid #1b83a3;

}

.celdaFormEtiqueta{
    width: 90px;
    padding-bottom: 10px;
    padding-right:2px;
}

.celdaFormEtiquetaPopUp{
    width: 70px;
    padding-bottom: 10px;
    padding-right:2px;
}

.celdaForm{
    width: 120px;
    padding-bottom: 10px;
    padding-right:25px;
}

.celdaFormPadding{
    padding-bottom: 10px;
}

.EtiquetaCampo {
    color: #034154;
    float: left;
    font-size: 13px;
    width: 80px;
    vertical-align: bottom;
}

.CampoTexto
{
    color: #034154;
    font-size: 13px;
    height: 25px;
    width: 275px;
    padding-left:2px;
}

.CampoInfo
{
    color: black;
    font-weight: bold;
    font-size: 13px;
    height: 25px;
    width: 275px;
    padding-left:2px;
}

.CampoTexto-Disabled
{
    background-color:#fbfbfb;

}



.CampoListBox
{
    color: #034154;
    font-size: 13px;
    width: 275px;
    padding-left:4px;
    padding-right:2px;
}

.CampoTextoBusqueda
{
    color: #034154;
    font-size: 12px;
    height: 20px;
    width: 300px;
    padding-left:2px;
}

.CampoDropBusqueda
{
    color: #034154;
    font-size: 12px;
    height: 20px;
    width: 220px;

}

.DropAutoComplete
{
    background-color: #EEEEEE;
    opacity:1;
    color: black;
    font-size: 12px;
    font-family: Arial, sans-serif;
    list-style:none;
    width:auto;
    z-index:100002 !important;
    border:solid;
    border-width:1px;
    border-bottom-color:#3E5F7F;
    border-left-color:#3E5F7F;
    border-right-color:#3E5F7F;
    overflow-y:scroll;
    max-height:400px;
    
}

    .DropAutoComplete:hover
    {
        cursor:pointer;
    }

.ItemAutoComplete
{
    width:auto;
    margin-bottom:2px;
    margin-top:3px;
    opacity:1;
    background-color: #EEEEEE;
    padding-left:2px;
}

.SelectedItemAutoComplete
{
    margin-bottom:2px;
    margin-top:3px;
     background-color: lightblue;
}

.CampoListaFicheros
{
    width:auto;
    height:auto;
    font-size: 13px;
    font-family: "telefonica_headline_lightRg", Arial, Helvetica, sans-serif;
    text-wrap: normal;
    margin-left:5px;
    font-weight: bold;
    color: #034154;
}



/* title */
.title h1 {
	color: #FFF;
	font: normal 3em arial,sans-serif;
	float: left;
	height: 35px;
	line-height: 20px;
	margin-bottom: 8px;
	padding-top: 18px;
	text-align: left;
}

.title img {
	clear: both;
	margin-left: 425px;
}

/* navigation */
.navigation {
	margin-bottom: 4px;
}
.navigation a {
	background-color: #4A91C3;
	color: #FFF;
	float: left;
	font: bold 1.2em "Trebuchet MS",sans-serif;
	padding: 8px 0;
	width: 19%;
	border-right: 1px solid #FFF;
	text-align: center;
	text-decoration: none;
}
.navigation a:hover {
	background-color: #000;
	color: #FFF;
}

/* main */
.main {
	clear: both;
	/*margin: 8px 18px;*/
}

.title {
	padding-left: 125px;
}

.image {
	padding-left: 50px;
}

.page_title {
	background: #FFFFFF;
	float: left;
	height: 25px;
	margin-left: -407px; /* CAMBIAR */
	padding-left: 5px;
	padding-right: 5px;
	width: auto;
}

.user_navigation {
	background: #8EC63F;
	border: 1px solid #FFFFFF;
	height: 15px;
	float: right;
	margin-bottom: 8px;
	width: 25%;
}

/* main left */
.sidenav h1, .sidenav ul {
	padding-left: 12px;
}

.sidenav {
	background:none repeat scroll 0 0 #EDF2F6;
	border: 1px solid #D1E0EA;
	float: left;
	margin-bottom: 15px;
	width: 150px;
}

.sidenav ul, .item-list ul, .item-list ul li, ul.menu, ul.menu li, li.leaf, li.expanded, li.collapsed, ul.links li, ul.links {
	list-style-image: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#block-block-1, .sidenav.block-menu {
	padding: 0;
}
.sidenav ul.menu, .sidenav ul.menu li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.sidenav ul.menu a {
	background: none repeat scroll 0 0 #EDF2F6;
	border-bottom: 1px solid #B0C7D7;
	border-top: 1px solid #FFFFFF;
	cursor: pointer;
	display: block;
	padding:5px 10px;
	text-decoration:none;
}

.sidenav ul.menu a:hover, .sidenav ul.menu .active a, .sidenav ul.menu .active-trail a {
	background: url("img/block_menu_hover.jpg") repeat-x scroll center bottom transparent;
}

.sidenav ul.menu {
	font: bold 12px arial,sans-serif;
}

.sidenav ul.menu ul.menu {
	background: none repeat scroll 0 0 #D1E0EA;
	font-size: 0.8em;
}

.sidenav ul.menu ul.menu a {
	background: url("img/bullet.png") no-repeat scroll 5px center #E1E9F0;
	border-bottom: 1px solid #B0C7D7;
	border-top: 1px solid #E9EFF4;
	font: normal 11px arial,sans-serif;
	padding-left: 28px;
}

.sidenav ul.menu ul.menu a:hover {
	background-color: #FFFFFF;
}

/* contentwrapper */
.contentwrapper {
	background: none repeat scroll 0 0 #FFFFFF;
	float: left;
	margin: auto;
	width: 100%;
}


/* content */
.content {
	/* background: #FFF; */
	/* border: 2px solid #367EA6; */
	float: left;
	margin-left: 6px;
	margin-bottom: 6px; 
	padding: 0px 12px;
	width: 1024px;
}
.content .item {
	padding: 6px 12px;
	border: 1px solid #EEE;
	background: #FFF;
	margin-bottom: 8px;
}
.content .descr {
	color: #333;
	margin-bottom: 6px;
}

.content li 
{
	color: #FF0000;
	font: 1em arial,sans-serif;
	list-style: url(img/error_12.png);
	 margin-left: 25px;
}

/* search form */
form {
	padding: 0 0 6px 8px;
}
.styled {
	border: 1px solid #DDD;
	padding: 2px;
}

.styled_grid {
	border: 1px solid #DDD;
	font:1em arial,sans-serif !important;
	padding: 2px;
}

.readOnly
{
    background-color: #E6E6E6 !important;
    border: 1px solid #DDD;
	padding: 2px;
}
        
.search_button {
	background: url(img/search.gif) no-repeat left bottom;
	border: none;
	height: 27px;
	width: 27px;
}

/* Buttons */

a.ovalbutton
{
	background: url('img/oval-blue-left.gif') no-repeat left top;
	display: block;
	float: left;
	line-height: 16px;
	padding-left: 11px;
	text-align:center;
	text-decoration: none;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 13px;
    font-family: Tahoma, sans-serif;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton
{
	color: #494949; /*button text color*/
}

a.ovalbutton span
{
	background: transparent url('img/oval-blue-right.gif') no-repeat top right;
	display: block;
	font: bold 1em arial,sans-serif;
	padding: 4px 10px 4px 0;
}

a.ovalbutton:hover
{
	background-position: bottom left;
}

a.ovalbutton:hover span
{
	background-position: bottom right;
	color: black;
}

.buttonwrapper
{   
	overflow: hidden;	
	width: 100%;    
}

/* checkbox */
.checkHidden
{
	visibility: hidden;		
}


/* footer */
.footer {
	background:  #034154;
	border-top: 1px solid #CAE0EF;
	color: #FFFFFF;
	font-size: 1.1em;
	/*margin: 8px 18px;*/
	text-align: center;
    
}
.footer a {
	color: #3E5F7F;
	text-decoration: none;
}
.footer a:hover {
	text-decoration: underline;
}
.footer .left, .footer .right {padding: 5px 10px;}

/* floats */
.left {float: left;}
.right {float: right;}


/* Added */ 

/* Search Box */

div.search_header_panel, div.generate_header_panel
{
	background: none repeat scroll 0 0 #54B6D9;
	width: 100%;
}

div.search_content_panel, div.generate_content_panel
{
	clear: both;
}

div.search_box #title, div.generate_box #title
{
	background: #54B6D9;
	height: 30px;
	float: left;
	/* margin-bottom: -4px; */
	width: 84%
}

div.search_box #title h1, div.generate_box #title h1
{
	color: #ffffff;
	font: bold 1.3em arial,sans-serif;
	padding: 0px 0px 6px 4px;
}

/* Test */
div.search_box h1, div.generate_box h1
{
	color: #ffffff;
	height: 20px;
	float: left;
	font: bold 1.25em arial,sans-serif;
	padding-left: 5px;
	padding-top: 5px;
	width: 84%;
}
/*****/


div.search_box #logo, div.generate_box #logo
{
	background: #54B6D9;
	float: left;
	/* margin-bottom: -4px; */
	width: 4%
}

div.search_box #expcol, div.generate_box #expcol
{
	background: #54B6D9;
	height: 20px;
	float: right;
	margin-top: 2px;
	width: 15%
}

div.generic_header
{
	background: none repeat scroll 0 0 #EDF2F6;
	border: 1px solid #73A6FF;
	height: auto;
	margin: 10px 0 5px 0;
	width: 99.75%;
}

div.generic_content
{
	background: none repeat scroll 0 0 #EDF2F6;
	border: 1px solid #73A6FF;
	display:block;
    margin: 5px 3px 0px 3px;	
	
}

div.top_section_generic_content
{	
	margin: 2px 0px 0px 0px;
	width: 100%;
}


div.total_content
{
	
}

div.generic_header h1
{
	color: #000000;
	font: bold 1.05em arial,sans-serif;
}

div.sheet_format_filter
{
	height: auto;
	margin: 2.5px 0;
	width: 100%;
}

div.sheet_format_filter label
{
	color: #000000;
	font: 1em arial,sans-serif;
	height: 0;
	padding-left: 2px;
	padding-top: 1px;
}

div.sheet_format_filter .chk input
{
	margin: 2px 5px;
}

div.generate_frame_filter_header .expcol
{
	float: right;
	width: 15%
}

div.generate_frame_error_header .expcol
{
	float: right;
	width: 15%
}

div.generate_frame_filter_header h1
{
	color: #000000;
	font: bold 1.05em arial,sans-serif;
	/* Modificado por jvergarai 16/11/2010 */
	/* margin-left: 58px; */
	padding-top: 2px;
	height: 0;
}

div.generate_frame_error_header h1
{
	color: #000000;
	font: bold 1.05em arial,sans-serif;
	margin-left: 58px;
	padding-top: 2px;
	height: 0;
}

div.modalpopup_header .expcol
{
	background: #54B6D9;
	height: 20px;
	float: right;	
	width: 15%
}

.expcol input, .expcol img
{
	float: right;
	margin-right: 2px;
	cursor:auto
	
}


#expcol input, #expcol img
{
	float: right;
	margin-right: 5px;
}

div.top_frame div.bottom_frame
{
	height: 4px;	
}

div.top_frame div.left_corner, div.top_frame div.right_corner
{
	height: 4px;
	position: relative;
	margin-top: inherit;
	overflow: hidden;
	width: 4px;
}

div.bottom_frame div.left_corner, div.bottom_frame div.right_corner
{
	height: 4px;
	position: relative;
	margin-top: inherit;
	overflow: hidden;
	width: 4px;
}

div.top_frame div.left_corner
{
	background: url(img/circle.png) no-repeat scroll 0 0 transparent;
	float: left;
}

div.top_frame div.right_corner
{
	background: url(img/circle.png) no-repeat scroll -4px 0 transparent;
	float: right;
}

div.top_frame div.straight_line 
{
	background: #54B6D9;
	height: 4px;
	position: relative;
	overflow: hidden;
	top: 0px;    
}
	
div.bottom_frame div.left_corner
{
	background: url(img/circle.png) no-repeat scroll 0 -4px transparent;
	float: left;
}

div.bottom_frame div.right_corner
{
	background: url(img/circle.png) no-repeat scroll -4px -4px transparent;
	float: right;
}

div.bottom_frame div.straight_line 
{
	background: #54B6D9;
	height: 4px;
	position: relative;
	overflow: hidden;
	top: inherit;
}


/* Search Field */

div.search_frame
{
	width: 100%;
}

div.search_frame_field_container, div.search_frame_filter_container
{
	width: 100%;
}

div.search_frame div.search_field label, div.generate_frame div.generate_field label
{
	float: left;
	width: 15%;
}

div.search_frame div.search_field input, div.generate_frame div.generate_field input
{
	width: 25%;
}

div.left_search_frame, div.left_generate_frame
{
	float: left;
	width: 50%;
}

div.right_search_frame, div.right_generate_frame
{
	float: right;
	width: 50%;
}

div.search_field, div.generate_field
{
	clear: both;
	padding-top: 5px;
}

div.search_field label, div.generate_field label
{
	color: #000000;
	float: left;
	font: bold 1.05em arial,sans-serif;
	text-align: right;
	width: 35%;
}

div.search_field input, div.generate_field input
{
	background-color: #FFFFFF;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 1px;
	float: left;
	margin: 2px 5px !important;
	width: 40%;
}

div.search_field input.error, div.generate_field input.error, div.field input.error, div.center_field input.error, div.field textarea.error, div.field_filter_container_center input.error
{
	border-color: #FF0000;
	border-style: solid;
	border-width: 1px;
}

div.search_field input.imgButton, div.generate_field input.imgButton
{
    display:block;
	float: left;
	width: auto;
	background-color: Transparent;
}

div.search_field input.styled:focus, div.generate_field input.styled:focus
{
	border: 1px solid #73A6FF !important;
}

div.search_field input.imgButton:focus, div.generate_field input.imgButton:focus
{
	border: 0px;
}

div.search_field select, div.generate_field select
{
	background-color: #FFFFFF;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 1px;
	margin: 2px 5px;
}

div.search_field select.error, div.generate_field select.error, div.field select.error, div.center_field input.error
{
	border-color: #FF0000;
	border-style: solid;
	border-width: 1px;
}

div.generate_frame_filter_header.error
{
	border-color: #FF0000;
	border-style: solid;
	border-width: 1px;
}

div.search_field select:focus, div.generate_field select:focus
{
	border: 1px solid #73A6FF !important;
}

div.search_frame_filter_container, div.generate_frame_filter_container
{
	display: inline-block;
	margin: 0px 0px 0px 0px;
	text-align: center;
	width: 100%;
}

div.generate_frame_error_container
{
	display: inline-block;
	margin: 5px 0px 0px 0px;
	width: 100%;
}

div.generate_frame_filter_container
{
	margin-top: 5px;
}

div.search_frame_filter_container .imgButton
{
	background: transparent;
	width: 24px;
}

div.field_filter_container .imgButton, div.field_filter_container_center .imgButton
{
	background: transparent;
	width: auto;
}


div.search_frame_filter_container label, div.search_frame_filter_container_simple label, div.generate_frame_filter_container label
{
	color: #000000;
	font: bold 1.05em arial,sans-serif;
}

div.field_filter_container label
{
	color: #000000;
	float: left;
	font: bold 1.05em arial,sans-serif;
	margin: 0 20px 0 5px;	
}

div.field_filter_container_center label
{
	color: #000000;	
	font: bold 1.05em arial,sans-serif;
	margin: 0 20px 0 5px;	
}

div.field_filter_container input
{
	float: left;
	margin: 2px 10px;
}

div.field_filter_container_center input
{	
	margin: 2px 10px;
}

div.field_filter, div.generate_field_filter
{
	clear:both;
	padding-top: 5px;
	padding-bottom: 5px;
}

div.field_filter label, div.generate_field_filter label
{
	color: #000000;
	float: left;
	font: bold 1.05em arial,sans-serif;
	text-align: right;
	width: 35%;
}

div.field_filter input, div.generate_field_filter input, div.search_frame_filter_container_simple input
{
	margin: 2px 5px;
	background-color: #FFFFFF;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 2px;
}

div.generate_field_filter_big
{
	clear:both;
	padding-top: 5px;
	padding-bottom: 5px;
}

div.generate_field_filter_big label
{
	color: #000000;
	float: left;
	font: bold 1.05em arial,sans-serif;
	text-align: right;
	width: 37%;
}

div.generate_field_filter_big input
{
	margin: 2px 5px;
}

div.generate_frame_error_container label
{
	color: #000000;
	font: bold 1.05em arial,sans-serif;
}

div.search_frame_filter_container input, div.generate_frame_filter_container input
{
	background-color: #FFFFFF;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 2px;
	margin: 2px 5px;
}

div.search_frame_filter_container .expcol input, div.generate_frame_filter_container .expcol input
{
	background-color: Transparent;
	border: 0 none !important;
	margin: 0 !important;
}

div.search_frame_filter_container .active label, div.generate_frame_filter_container .active label
{
	/*
	color: #088A08;
	*/
}

div.search_frame_filter_container .inactive label, div.generate_frame_filter_container .inactive label
{
	color: #909090;
}

div.button_frame
{
	text-align: center;
	margin-top: 10px;
}

div.center_search_frame
{
	text-align: center;
	padding-bottom: 5px;
}

div.button_frame_none
{
	padding-bottom: 5px;
}


/* ModalPopupExtender */

.modal_background
{
	background-color:#124111;
	filter: alpha(opacity=25);
	opacity: 0.35;
}

div.modalpopup
{    
	background-color: #FFFFFF;
	border-width: 1.5px;
	border-style: solid;
	border-color: Gray;
	/* height: 500px; */
	padding: 3px;
	width: 600px;
}

div.modalpopup_header
{
	background-color: #54B6D9;
	border: 1px solid Gray;	
	cursor: move;
	padding-left: 5px;
}

div.modalpopup_header h1
{
	color: #FFFFFF;
	float: left;
	font: bold 1.25em arial, sans-serif;
	height: 20px;
	padding-top:4px;
    margin-top:0px;
}

div.messagepopup_header h1
{
	color: #FFFFFF;
	font: bold 1.25em arial, sans-serif;
	height: 20px;
	padding-top:2px;
    margin-top:0px;
}

div.modalpopup_container
{
	width: 100%;
	overflow:visible;
	clear:both;


   /*  height: 53px;*/
}

div.buttonwrapper_modalpopup
{
	display: inline-block;
	margin: 0 auto;
	overflow: hidden;
	padding-top: 15px;
	text-align: center;
	width: 100%;
}

/* Message Popup  */

div.messagepopup
{
	background-color: #FFFFFF;
	border-width: 2px;
	border-style: solid;
	border-color: Gray;
	margin-bottom: 5px;
	padding: 5px;
	position: fixed;
	width: 450px;
}

div.messagepopup_header
{    
	background-color: #54B6D9;
	border: 1px solid Gray;	
    text-align:center;
	cursor: move;
	padding-left: 5px;
    height:20px;
}

div.messagepopup_header p
{
    
	font: bold 1.25em arial, sans-serif;
	padding-top:4px;
    height: 4px;
    border: solid 1px Gray;
    margin-top:0px;
}

div.messagepopup_img
{
    padding-top:10px;
    float:left;
    width:15%;
}
div.messagepopup_text
{
    float:left;
    width:80%;
    padding-top:10px;
}

div.messagepopup_text p
{
    padding-bottom:5px;	    
}

div.messagepopup_container
{
    width:100%   
}

div.messagepopup_control
{
    margin-top:15px;
    border: 1px solid #73A6FF !important;
    clear:both;
    background: #EDF2F6;
    display:inline-block;
    width:100%;
 }

/* Select Popup  */

div.selectpopup
{   
	background-color: #CFEDFE;
	border-width: 2px;
	border-style: solid;
	border-color: Gray;
	/* height: 500px; */
	padding: 3px;
	width: 600px;
}

div.selectpopup_header
{
	background-color: #54B6D9;	
	color: #FFFFFF;
	cursor: move;
}

div.selectpopup_header p
{
	font: bold 1.25em arial, sans-serif;
	padding-top:4px;
    height: 4px;
    border: solid 1px Gray;
    margin-top:0px;
    
}

div.selectpopup_container
{
	width: 100%;
   /*  height: 53px;*/
} 


div.top_section, div.bottom_section
{
	width: 100%;
}

div.bottom_section
{
	display: inline-block;
	margin: 0px 0px;
	text-align: center;
}

div.left_section
{
	float: left;
	margin: 5px 0px 5px 0px;
	width: 50%;
}

div.right_section
{
	float:right;
	margin: 5px 0px 5px 0px;
	width: 50%;
}


div.section_list 
{
	margin: 0 auto;
	margin-top: 5px;
	display: inline-block;
	width: 100%;
}

div.left_section_list
{
    float: left;
	margin: 5px 5px 5px 0px;
	width: 49%;
}

div.right_section_list
{
	float: left;
	margin: 5px 0px 5px 5px;
	width: 49%;
}

div.img_section
{
  	float:left;  	
}
  
div.maintenance_section
{
  	float:left;
  	width:100%;		  
}

div.center_section
{    
	float:none;
	margin: 5px 0 5px 0;
}



div.field
{
	clear: both;
	padding-top: 5px;
}

div.field_tab
{
	clear: both;
	padding-top: 5px;
}

div.center_field
{
	clear: both;
	padding-top: 5px;
	text-align:center;
}

div.text
{
	clear: both;
	padding-top: 5px;
}
  
div.field label
{
	color: #000000;
	float: left;
	font: bold 1.05em arial,sans-serif;
	text-align: right;
	/***** AÑADIDO Sergio ****/
    margin-top:3px;
    /*************************/
	width: 35%;
}

div.field_tab label
{
	color: #000000;
	float: left;
	font: bold 1.05em arial,sans-serif;
	text-align: right;
	width: 35%;
}


div.requeriments
{
	margin-left: 50px;
}

div.field span.multiple_elements input
{
	width: auto;
}

div.field span.multiple_elements label
{
	width: auto;
}

div.field label.txt_multiple_elements
{
	margin-left: 5px;
	text-align: left;
	width: auto;
}

div.field input.txt_multiple_elements
{
	width: 30%;
}

div.field select.slt_multiple_elements
{
	float: left;
	width: 20%;
}

div.field span.chk_element input
{
	width: auto;
}

div.field span.chk_element label
{
	width: auto;
}

div.center_field label
{
	color: #000000;
	float: left;
	font: bold 1.05em arial,sans-serif;
	text-align: right;
	width: 50%;
}

/*
div.field input, div.field textarea
{
	background-color: #FFFFFF;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 1px;	
	float: left;	
	margin: 2px 5px !important;
	width: 45%;
}
*/


/*J.Valero: Añadido para evitar fondos blancos en IE*/
div.field input[type=checkbox], div.field input[type=radio]
{
	background-color: Transparent;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 0px;		
	float: left;	
	margin: 2px 5px !important;
	width: 25%;
}

div.field input, div.field textarea
{
	background-color: #FFFFFF;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 1px;		
	float: left;	
	margin: 2px 5px !important;
	width: 25%;
}

div.field_tab input
{
	background-color: #FFFFFF;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 1px;		
	margin: 2px 5px !important;
	width: 45%;
}


div.center_field input
{
	background-color: #FFFFFF;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 1px;	
	/* Añadido por 'jvergarai' (comprobar si afecta) */
	float: left;
	/*****/
	margin: 2px 5px !important;
	width: 50%;
}

div.field img, div.center_field  img
{
	margin: 2px 5px !important;	
}

div.field input.styled:focus, div.center_field input.styled:focus,div.field textarea.styled:focus
{
	border: 1px solid #73A6FF !important;
}

div.field input.number
{
    text-align: right !important;       
}

div.field select, div.center_field select
{
	background-color: #FFFFFF;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 1px;
	margin: 2px 5px;
}

div.field select:focus, div.center_field select:focus
{
	border: 1px solid #73A6FF !important;
}
 
div.subTitle
{   
    clear: both;
    border-top: dashed 1px Gray;  
    width: auto;  
    margin-top: 5px;
    padding-top:2px;
    padding-bottom:2px;
    background-color: #CEE3F6;
}

div.text_subTitle
{
    float:left;
}

div.add_item
{
    float:right;
}
    
div.text_subTitle label
{    
    font: bold 11px arial,sans-serif;
}

div.end_subTitle
{
    margin-top:5px;    
    border-top: dashed 1px Gray;
    height:0px;    
    clear: both;
    width: 100%;
}

div.bottom_section label
{
	color: #000000;
	font: bold 1.05em arial,sans-serif;
}

div.bottom_section input
{
	background-color: #FFFFFF;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 2px;
	margin: 2px 5px;
}

div.field input.button, div.center_field input.button
{
	-moz-border-radius: 3px 3px 3px 3px;
	background:linear-gradient(to bottom, #F9F9F9, #E3E3E3) repeat scroll 0 0 transparent;
	border:2px solid #BBBBBB;
	/*border:2px solid #64B631;*/
	color: #000000;
	cursor: pointer;
	font: bold 1.05em arial,sans-serif;
	height: 27px;
	width: auto;
}

div.field input.button:hover, div.center_field input.button:hover
{
	border-color: #939393;
}

div.field input.imgButton,div.center_field input.imgButton
{
	float: left;
	width: auto;
	background:transparent;
}

div.field input.imgButton:focus, div.center_field input.imgButton:focus
{
	border: 0;
}


div.align_center
{
	text-align: center;
}

div.align_left
{
	text-align: left;
}

.align_left
{
    float: left;
}

.aling_right
{
    float:right;	
}

/* ModalPopup Delete */
/*
div.modalpopup_delete
{
	background-color: #FFFFFF;
	border-width: 2px;
	border-color: #000000;
	border-style: solid;
	padding: 20px; 
	 width: auto; 
	width: 600px;
}
*/
div.message
{ 
    display: block;
    background: none repeat scroll 0 0 #FFFED5;
	border: 1px solid #367EA6;
	padding: 5px 2px 2px 5px;	
	margin-bottom: 5px;	
	margin-top:5px;
	text-align: left;
	/*width: 100%;	*/
	clear:both;
}

div.message img
{
    margin-left: 5px;
	color: #FF0000;
}

div.message label
{
    margin-left: 5px;    
	font: 1em arial, sans-serif;
	
}


/* Login*/
div.login
{
    position:relative;
    left: 30%;
	background-color: #EFFFFF;
	border-width: 2px;
	border-style:outset;	
	border-color:#CCCCCC;
	/* height: 500px; */
	padding: 3px;
	width: 55%;
}

div.login_img
{
    float:left;
    width:29%;
}
div.login_text
{
    float:left;
    width:71%;
}

div.login_container
{
    width:100%;
    margin-top:10px;  
}

div.login_header
{
	background-color: #54B6D9;
	border: solid 1px Gray;
	color: #FFFFFF;	
}

div.login_header p
{
	font: bold 1.5em arial, sans-serif;
    height: 5px;
    text-align:center;    
}

div.buttonwrapper_login
{
	display: inline-block;
	margin: 0 auto;
	overflow: hidden;
	padding-top: 5px;
	text-align: center;
	width: 100%;
}

div.button_login
{
	float: left;
	margin: 0 8px 0 15px;
}

/*
 New buttons
*/

.imgBtn
{
	border: 0 !important;
	position: relative;	
	cursor:pointer;
	padding: 0;
	text-decoration: none;	
}

.imgBtn.right
{
	background-color: Transparent;
    float:right;
    margin: 0px;
} 

.btn
{
	/*display: block;*/
	/*position: static;
	border:1px solid #000000;
	background: #AAA;
	font: bold 1.15em arial,sans-serif;
	padding: 5px;*/
	/*float: left;*/
	/*color: #FFF;
	text-decoration: none;
	cursor: pointer;*/

     font-family: "telefonica_headline_lightRg", Arial, Helvetica, sans-serif;
    color:  #fff;
    background-color: #003550;
    font-size: 12px;
    border:none;
    border-radius:3px;
    width:80px;
    height:30px;
}

.btn.right
{
    float:right;
} 

.btn *
{
	font-style: normal;
	background-image: url(img/btn2.png);
	background-repeat: no-repeat;
	display: block;
	position: relative;
}

.btn i
{
	background-position: top left;
	position: absolute;
	margin-bottom: -5px;
	top: 0;
	left: 0;
	width: 5px;
	height: 5px;
}

.btn span
{
	background-position: bottom left;
	left: -5px;
	padding: 0 0 5px 10px;
	margin-bottom: -5px;
}

.btn span i
{
	background-position: bottom right;
	margin-bottom: 0;
	position: absolute;
	left: 100%;
	width: 10px;
	height: 100%;
	top: 0;
}

.btn span span
{
	background-position: top right;
	position: absolute;
	right: -10px;
	margin-left: 10px;
	top: -5px;
	height: 0;
}

* html .btn span, * html .btn i
{
	float: left;
	width: auto;
	background-image: none;
	cursor: pointer;
}

.btn.blue
{
	background: #034154;
}

.btn.modalPopup
{
    margin-left:20px;
    margin-right:20px;    
}

.btn.green
{
	background: #9D4;
}

.btn.pink
{
	background: #E1A;
}

.btn:hover
{
	/*background-color: #EDF2F6;*/
    cursor:pointer;
}

.btn:active
{
	background-color: #444;
}

.btn[class]
{
	/*background-image: url(img/shade.png); */
    background-position: bottom;
}

* html .btn
{
	border: 3px double #AAA;
}

* html .btn.blue
{
	border-color: #2AE;
}

* html .btn.green
{
	border-color: #9D4;
}

* html .btn.pink
{
	border-color: #E1A;
}

* html .btn:hover
{
	border-color: #A00;
}


div.search_field input.img_btn, div.generate_field input.img_btn
{
	border: 1px solid #000000;
	margin: 2px 1px 2px 53px !important;
	width: auto;
}

div.search_field input.img_btn:hover, div.generate_field input.img_btn:hover
{
	border: 1px solid #BBBBBB;
}

input.img_btn
{
	border: 1px solid #000000;
	width: auto;
}

/*
.content_search
{
	float: left;
	width: 804px;
	background:#B5EDFF;
}

.content_search .image_search
{
     float:left;
     width:8%;     
     padding:3px 3px 3px 3px;
}
*/
    
.content_generate, .content_search
{	
	background: #B5EDFF;
	padding-bottom: 5px;	
}

.content_generate .image_generate, .content_search .image_search
{
	float: left;    
	padding: 3px;
	margin-left: 7px;
}

.content_generate .fields_generate, .content_search .fields_search
{
	float: left;
	width: 90%;
}

div.generate_frame_filter_header
{
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #367EA6;
	margin: 3.5px 5px;
	text-align: center;
}

div.generate_frame_error_header
{
	background: none repeat scroll 0 0 #FFFED5;
	border: 1px solid #367EA6;
	margin: 3.5px 5px;
	text-align: center;
}

div.generate_frame_filter_header span
{
	color:#000000;
	font:bold 1.05em arial,sans-serif;
	margin-left: 15px;
}

div.generate_frame_error_header span
{
	color: #000000;
	font: bold 1.05em arial,sans-serif;
	margin-left: 20px;
}

div.generate_frame_filter_content
{
	/*height: 0px;*/
	margin-bottom: 5px;
	/* padding-bottom: 2px; */
	text-align: left;
	/*overflow: hidden;*/
}

div.generate_frame_error_content
{
	/*height: 0px;*/
	margin-bottom: 5px;
	/* padding-bottom: 2px; */
	text-align: left;
	/*overflow: hidden;*/
}

div.generate_frame_filter_content div.generate_frame_filter_content
{
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #367EA6;
	margin-left: 5px;
	margin-right: 5px;
	/* padding-top: 2px; */
	/* padding-bottom: 2px; */
}

div.generate_frame_error_content div.generate_frame_error_content
{
	background: none repeat scroll 0 0 #FFFED5;
	border: 1px solid #367EA6;
	margin-left: 5px;
	margin-right: 5px;
	padding-top: 5px
	/* padding-bottom: 2px; */
}

table.chkl
{
	margin-left: 12px;
}

div.search_frame_filter_container .subchk label, div.generate_frame_filter_container .subchk label
{
	font: bold 1em arial,sans-serif;
}

div.field_filter_container
{
    clear:both;
	padding-top: 5px;
}

div.field_filter_container_center
{
	display: inline-block;	
	overflow: hidden;	
	text-align: center;
	width: 100%;
}
	
.btn_float
{
    position:absolute;
    margin:10px 5px;   
    
   }


/*Barra de Herramientas*/
div.ToolTip, div div.ToolTip
{   
    font: bold 1em arial, sans-serif;
    width:auto; 
    display:block;
    overflow:hidden;
    padding: 4px 2px 4px 0 !important;
}
    
.menuExcel
{
    cursor:pointer;      
  
}
    
a.itemNormal
{
    vertical-align:middle;
    font: bold 10px arial,sans-serif;
	display: block;	
	background: transparent url(img/itemNormal.jpg) 100% 0;	
	padding: 2px 5px 2px 25px;	
	line-height: 15px; 
	text-decoration: none;
}
 
a.itemHover 
{  
    color:Black;    
    background: transparent url(img/itemHover.jpg) 100% 0;
    
}

/*JVE: Solucionado menú*/
.IE8Fix
{
	z-index: 100;
}
div.listado
{
    display:block;
    border-top:solid;
    border-top-width:1px;
     border-top-color:#CCCCCC;
}

p.registers
{
	font: 1.05em arial,sans-serif;
	margin-left: 5px;
	
}

/*Para el control de busqueda y seleccion */
div.popupControl{	
	position:absolute;
	visibility:hidden; 	
	top: auto !important;
	
}

div.search_select
{   float:left;   
}

div.search_select_list
{
  overflow:auto;    
  width:100%; 
  border: solid 1px #525252;   
  border-collapse:collapse;	 
  background-color:#FFFFFF;
  display:inline-block;    
}

div.popup_data_list
{
  border: solid 1px #525252;   
  border-collapse: collapse;	 
  background-color: Transparent; 
  visibility:hidden; 	
  overflow: auto;
  display:inline-block;
  
}

div.popup_data_list span
{
	  color: #3E5F7F;
}

.itemList_one 
{
	list-style: none;
	list-style-image: none;
	list-style-type: none;
	margin: 0;
	margin-left: 0px;
	background-color: #FFFFFF;
}

.itemList_two 
{
	list-style: none;
	list-style-image: none;
	list-style-type: none;
	margin: 0;
	margin-left: 0px;
	background-color: #E6E6E6;
}

.itemList_tree 
{
	list-style: none;
	list-style-image: none;
	list-style-type: none;
	margin: 0;
	margin-left: 0px;
	background-color: #FFFFFF;
}

.itemList_tree 
{
	list-style: none;
	list-style-image: none;
	list-style-type: none;
	margin: 0;
	margin-left: 0px;
	background-color: #424242;
} 
div.search_select input.hidden
{
    clear:both;
    float:left;
    height:0;
    margin:0 !important;
    width:0;
    border:0;
}

.btnSearch
{
	background-image: url(img/buscarSeleccionar.png); 
	background-color:Transparent;	
	width:22px;
	height:22px;
	cursor:pointer;
}




.textSelect
{
    background:#FFFFFF;   
}
    
td input.btn_hidden
{
	border: 0;
	height: 0;
	width: 0; 
}

ul.without_padding
{
	padding: 0;
	width: auto;
}

li.itemList 
{
	list-style: none;
	list-style-image: none;
	list-style-type: none;
	margin: 0;
	margin-left: 0px;
	display: block;
	background-color: #CBF2A7;
	padding-left: 2.5px;
	padding-right: 2.5px;
	padding-top: 2.5px;
	text-align: left;
}

/*Estilos para los PopUp de informacion*/

.treeView
{
    background-color:#CBF2A7;
  
}

.treeView td
{
    border:0px !important    
}

.treeView td a
{
    border:0px !important;
    color: #3E5F7F;
	text-decoration: none;
	cursor:default !important;
}

.treeView td a:hover {
	text-decoration:none;	
	cursor:default !important;
}

li.itemList_one 
{
	list-style: none;
	list-style-image: none;
	list-style-type: none;
	margin: 0;
	color: #3E5F7F !important;
	margin-left: 0px;
	display: block;
	background-color: #FFFCA4;
	padding-left: 2.5px;
	padding-right: 2.5px;
	padding-top: 2.5px;
	text-align: left;
}


li.itemList_two 
{
	list-style: none;
	list-style-image: none;
	list-style-type: none;
	margin: 0;
	display: block;
	color: #3E5F7F !important;
	margin-left: 0px;
	background-color: #CBF2A7;
	padding-left: 2.5px;
	padding-right: 2.5px;
	padding-top: 2.5px;
	text-align: left;
}

div.separated_content
{
	margin-top: 15px;
}

div.sheet_format_container
{
	display: inline-block;
	margin-bottom: 3.5px;
	text-align: left;
	width: 99%;	
	
}

div.inside_tabpanel
{
	font-family: Arial, Sans-Serif;
	font-size: 0.80em;
}


.tabContainer
{
    font: bold 10px arial,sans-serif;
}

.tabTitle
{
    color: #000000;
	float: left;
	font: bold 1em arial,sans-serif;
	text-align: right;
}

div.center_section_detail
{    
	float:none;
	margin: 8px;
	background: none repeat scroll 0 0 #EDF2F6;
	border: 1px solid #73A6FF;
	display:block;    
}

/*Estilos para las graficas */
div.typeGrafic
{
    margin-top:2px;
    margin-bottom:2px;
}
    
div.containerGrafic
{
    width:78%;   
    float:left;    
    
}

div.containerMultiGrafic
{
    width:100%;   
    float:left;    
    margin-top: 15px;
    
}

div.grafic
{
    float:left;
  /*  width:20%;  */ 
    margin-left:12px; 
    text-align:center;
    border: 1px solid #424242;
}
    
div.firstGrafic
{
     float:left;
     text-align:center;
     border: 1px solid #424242;
}
    
div.containerTableDataVariant
{
    width:21%;
    float:right;
}

.dataLabel
{   
    text-align:left !important;
    font: normal 1.15em arial,sans-serif !important;
    width: 60% !important;
    margin: 2px 5px;    
 }
 
 .numberLabel
 {  
    text-align: right !important;
    font: normal 1.15em arial,sans-serif !important;    
    margin: 2px 5px;
    width: 40% !important;    
 }

 label.numberTotalLabel
 {
    text-align: right !important;
    font: bold 1.15em arial,sans-serif !important;    
    margin: 2px 5px;
    width: 40% !important;    
 }
 
  
label.gainsboro
{
	background-color: #EDF2F6 !important;
}
 
/* ESTILOS TILE*/

.tile{

    height: 300px;
    width: 300px;
    overflow: hidden;
    background-repeat: space;
    max-width: 100%;
    margin-top:10px;
    margin-left:20px;
    margin-right:20px;
    text-align: center;
    vertical-align: middle;
    /*background-size:200px 200px;*/
    float:left;
    cursor: pointer;
}

.tileMediana{

    height: 224px;
    width: 224px;
    overflow: hidden;
    background-repeat: space;
    max-width: 100%;
    margin-top:25px;
    margin-bottom:25px;
    margin-left:20px;
    margin-right:10px;
    text-align: center;
    vertical-align: middle;
    /*background-size:200px 200px;*/
    float:left;
    cursor: pointer;
}

.caption
{
    position: relative;
}

.caption img
{
    margin: 0px;
    float: left;
    position: absolute;
    left: 0px;
    top: 0px;
}

.caption div{
    background-color: rgba(40,40,40,0.7);
    overflow: hidden;
    color: #fff;
    font: 'telefonica_headline_lightRg', Arial, sans-serif;
    font-size: 15px;
    line-height: 14px;
    margin: 150px 0px 0px 0px;
    height: 300px;
    width: 300px;
}
 
.caption:hover div, .caption div:hover {
    transition: margin .5s;
    margin: 0px 0px 20px 0px;
    background-color: rgba(50,50,50,0.4);
    cursor: pointer;
}
 
#description{
    overflow: hidden;
    margin: 25px 8px 8px 8px;
}

.modalBackground
{
    background-color: Black;    
    filter: alpha(opacity=90);
    opacity: 0.8;
}
.modalPopup
{
     z-index: 1000;
    background-color: #FFFFFF;
    border:  1px solid #ababab;
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
   
}

.DisabledDdl
{
    /*for firefox*/
    -moz-appearance: none;
    background-color: white;
    border: 1px solid #ababab;
    width:279px;
    height:26px;
    /*for chrome*/
    -webkit-appearance:none;
}

/*for IE10*/
.DisabledDdl::-ms-expand {
    display: none;
}

.Inactive
{
   opacity:0.4; 
   filter:alpha(opacity=40);
   cursor: not-allowed;
}