/* ----------------------------------------------------------------------------
	STYLE 
---------------------------------------------------------------------------- */
body{background:#efefef; color:#000; font:normal 0.75em/1.2 Tahoma,Verdana,sans-serif;}
body#Thickbox{background:#fff;}

/* =topNav & footer --------------------------------------------- */
#topNav{color:#000; font-size:.9em; padding:8px 0 0 0;}
#footer{background:#000; color:#fff;}
#footer div{padding:18px 15px 0 15px; text-align:right; font-size:.9em;}
#footer p{float:left; padding:0;}
#footer li, #topNav li{display:inline; margin:0 0 0 6px; padding:0 7px 0 0; background:url(img/top-separator.gif) no-repeat right 2px;}
#footer li.last, #topNav li.last{background:none; padding:0;}
#footer a, #topNav a{color:#ddd;}
#footer a:hover, #topNav a:hover{text-decoration:underline;}

/* =container --------------------------------------------- */
#innerContainer{background:#efefef;}

/* =heading --------------------------------------------- */
#heading{background:#fff url("img/logo.png?id=3408fhf3") no-repeat 25px 10px;border-bottom:1px solid #000; }

/* =mainMenu --------------------------------------------- */
#mainMenu p.seccion{padding:6px 5px 6px 10px; border-bottom:1px solid #fff; background:#000; color:#fff; clear:both; border-radius:4px;}
#mainMenu p.activa{cursor:pointer; background:#2179a1;}
#mainMenu p.hover{cursor:pointer; background:#2179a1;}
#mainMenu ul{margin:0; padding:0 0 1px 0;}
#mainMenu p.subseccion{margin:0 0 1px 0; padding:3px 5px 3px 10px; background:#888; color:#fff;}
#mainMenu li{margin:0 0 1px 0; padding:3px 5px 3px 10px; background:#efefef; font-size:.9em;}
#mainMenu li a:hover{text-decoration:underline;}
#mainMenu li.activa a{color:#2179a1;}
#mainMenu li a.listado{}
#mainMenu li a.insertar{float:right;}
#mainMenu li a.insertar:hover{}

/* ----------------------------------------------------------------------------
	CLASSES
---------------------------------------------------------------------------- */
.left{text-align:left;}
.center{text-align:center;}
.right{text-align:right;}
.fleft{float:left;}
.fright{float:right;}
.cboth{clear:both;}

.indent{padding:0 10px;}
.margintop{margin-top:10px;}

.buttonNav{padding:10px;}

.error,#content #errorMessageBox{margin:10px 0; padding:8px 8px 8px 28px; background:#d0122a url(img/error.png) no-repeat 5px 6px; border:2px solid #e8b638; color:#fff; font-size:0.9em;}
.info{margin:10px 0; padding:8px 8px 8px 28px; background:#478dc6 url(img/information.png) no-repeat 6px 7px; border:2px solid #015792; color:#fff; font-size:0.9em;}
.green{color:#2179a1;}

.highlight{font-weight:bold;}
.note{font-size:0.9em;}
.mandatory{padding:0 1px; color:#2179a1; font-size:7pt; font-style:normal; font-weight:bold;}

/* ----------------------------------------------------------------------------
	TAGS
---------------------------------------------------------------------------- */

/* =headings --------------------------------------------- */
h1,h2,h3,h4,h5,h6,p,form,ul,li{margin:0; padding:0; border:0;}

h1{text-indent:-4000px;}
h2{margin:20px 0; padding:3px 5px; position:relative; color:#333; font:normal 2em Georgia,Times,serif; font-style:italic;}
h2.center{}
h2 .subtitulo{margin:0 0 0 10px; padding:0 0 0 10px; background:url(img/h3-separator.gif) no-repeat 0 2px; color:#797979; font-size:0.8em;}
h3{font:bold 1.1em; margin:5px 0 10px 0; padding:0; clear:both; color:#333;}
h4{width:90%; font:bold 1.1em; margin:10px 0; padding:5px; clear:both; color:#333; background:#ddd;}

/* =links --------------------------------------------- */
a{color:#333;}
a:hover{color:#444;}

a.link{color:#2179a1;}
a.link:hover{text-decoration:underline;}

a.button{padding:3px 10px; background:#2179a1; color:#fff; border-radius:3px;}
a.button:hover{background:#333; text-decoration:none;}

a.prev, a.next{display:block; margin:10px 0 0 5px; background:url(img/bg_back_link.gif) no-repeat 0 0; padding:3px 5px 3px 25px; color:#676268; float:left; border-radius:3px;}
a.next{background:url(img/bg_next_link.gif) no-repeat right 0; padding:3px 25px 3px 5px;}
a.prev:hover, a.next:hover{color:#db8822; background-position:0 -19px;}
a.next:hover{background-position:right -19px;}

a img{border:1px solid #666; padding:2px;}
a:hover img{border:1px solid #bbb;}

.sLink{font-size:0.9em; color:#2179a1;}
span.separator{font-size:0.9em; padding:0 3px; color:#999;}

/* =tables */
table{font:normal 1em Tahoma,Verdana,sans-serif; width:100%;}
table caption{display:none;}

#tblList tr.par{background:#f7f7f7;}
#tblList tr.impar{background:#fefefe;}

#tblList td{padding:4px 5px;}
#tblList td a{color:#2179a1; font-weight:bold;}
#tblList td a:hover{text-decoration:underline;}
#tblList td.seleccionados{width:13px;}

#tblList img{max-width:120px; max-height:100px;  overflow:hidden;}
#tblList img.browse{ width:60px; height:40px; overflow:hidden}

#tblList td a.iconoActivo{display:block; width:16px; height:16px; margin:0 5px 0 0; background:url(img/tick.png) no-repeat; text-indent:-9000px;}
#tblList td a.iconoNoActivo{display:block; width:16px; height:16px; margin:0 5px 0 0; background:url(img/cross.png) no-repeat; text-indent:-9000px;}
#tblList td a.delete{display:block; width:16px; height:16px; margin:0 5px 0 0; background:url(img/page_delete.png) no-repeat; text-indent:-9000px;}
#tblList td a.select{display:block; width:16px; height:16px; margin:0 0 0 5px; background:url(img/page_go.png) no-repeat; text-indent:-9000px;}

#tblList th{background:#888; color:#fff; padding:7px; font-weight:normal;}
#tblList th a{color:#fff; font-weight:bold;}
#tblList th a:hover{color:#fff; text-decoration:underline;}

#tblList th.corto,#tblList td.corto{width:40px;}

/* =formularios */
form{margin:0; padding:0;}
fieldset{margin:0; padding:10px 15px; background:#f9f9f9; border:1px solid #ddd;}
input,select,textarea{font:normal .9em Tahoma,Verdana,sans-serif; border:1px solid #000; padding:2px; background:#fff;}

input{width:60%;}
.xs input{width:10%;}
.s input{width:20%;}
.m input{width:35%;}
.l input{width:45%;}

select.selFiltro{width:180px;}

input.inputButton{background:#2179a1; color:#fff; padding:2px 10px; width:auto; cursor:pointer; font-size:1em; border:0;  border-radius:3px;}
input.inputButton:hover{background:#333; cursor:pointer;}
input.checkboxpar, 
input.checkboximpar, 
input.radio,
input.checkbox{width:auto; border:0; padding:0; margin:2px 2px 0 0; border:0; background:none;}
input.error{margin:0; padding:2px; background:#fff; border:2px solid #d0122a; color:#000; font-size:1em;}
input.file{width:auto; margin-right: 10px;}
input.date_input,input.time_entry{width:70px;}

textarea{width:400px; height:140px;}

label{display:block; float:left; margin:1px 10px 2px 0; width:30%; padding:0 0 3px 5px; background:url(img/underline.gif) repeat-x 0 15px; font-size:.9em; position:relative;}
label.inline{display:inline; float:none; margin:0; width:auto; background:none; padding:0;}
label span{display:block; margin:4px 0 0 0; color:#666; font-style:italic;}
label span.mandatory{position:absolute; top:-3px; left:-3px; color:#2179a1; font-style:normal;}
label.multicheck{width:470px; float:left; margin:0 0 2px 0; background:none; padding:0;}
label.radio{width:auto; float:none; margin:0 0 2px 0; background:none; padding:0;}

label strong{border-bottom:2px solid #000;}
label strong.es{border-color:#ffcc66;}
label strong.eu{border-color:#41a62a;}
label strong.en{border-color:#3558a9;}
label strong.it{border-color:#69d500;}
label strong.fr{border-color:#f31f1e;}

em.loading{width:80px; float:left; padding:2px 0 2px 25px; background:url(img/ico_loading_small.gif) no-repeat;}
span.error{clear:both; display:block; width:400px; margin:5px 10px 5px 260px; padding:0; background:none; color:#d0122a; border:0;}

/* =checkboxes */
.checkboxes label{width:100px; margin:0 3px 0 0; display:block; float:none; height:20px;}
.checkboxes label input{margin:0 3px 0 0;}
div.inputCont{width:65%; margin:0 0 2px 0; float:left; position:relative;}
div.inputCont.multi{width:640px; padding:0 0 0 60px;}
div.inputCont div.links{ position:absolute; top:3px; left:-5px;}
div.inputCont div.links a{ float:left; clear:left; margin:0 0 5px; padding:1px 5px 2px; background:#999; color:#fff; font-size:.8em; border-radius:3px; -moz-border-radius:3px; text-align:right;}
div.inputCont div.links a:hover{background:#333; text-decoration:none;}
div.inputCont div.links a.selected{background:#00475c; text-decoration:none;}
div.inputCont div.grupo{overflow:auto; min-height:40px; position:relative; margin:0 0 5px; padding:0 0 5px 70px; border-bottom:1px dotted #999;}
div.inputCont div.grupo h5{ font-size:.9em; padding:2px 0 5px;}
div.inputCont div.grupo div.links{left:0;}
div.inputCont label.radio {
    display: inline;
    padding-left: 10px;
}
div.inputCont label.radio:first-child {
    padding-left: 0;
}

/* =subopcion select */
.subopcion label{display:inline; margin:3px 10px 0 260px; width:100px;}
.subopcion input{width:290px;}

/* =pestañas formulario ---------------------------------------------------------------------------- */
#formulario ul.lista{ list-style:circle; padding:0 0 0 15px;}
#content ul#frmTabs{width:100%; margin:5px 0 0 0; height:24px;}
#content ul#frmTabs li{float:left; padding:0 1px 0 0; text-align:center;}
#content ul#frmTabs a, ul#frmTabs a:hover{display:block; padding:3px 15px; background:#aaa; font:1.1em "Trebuchet MS",Tahoma,Verdana,sans-serif; font-weight:bold; color:#fff; text-decoration:none;border-top-left-radius:5px; border-top-right-radius:5px;}
#content ul#frmTabs a:hover{background:#444;}
#content ul#frmTabs .ui-tabs-selected a, #content ul#frmTabs .ui-tabs-selected a:hover{background:#2179a1; color:#fff;}
#content .ui-tabs-hide{display: none;}

#content .scrollButtons{margin:5px 0 0 0; height:24px;}
#content .scrollButtons a{float:left; display:block; padding:3px 15px 3px 27px; background:#82ac2a url(img/arrow_down.png) no-repeat 8px 7px; font:1.1em "Trebuchet MS",Tahoma,Verdana,sans-serif; color:#fff; text-decoration:none; border-top-left-radius:5px; border-top-right-radius:5px; margin:0 1px 0 0; text-align:center;}
#content .scrollButtons a:hover{background-color:#72a30b;}

#content form div.field{clear:both; padding:8px 0 3px 0;}
#content form div.subopcion{padding:0 0 3px 0;}
#content form div.field:after{content: "."; display: block; height:0; clear:both; visibility:hidden;}
#content #errorMessageBox{display:none;}

#filtro{float:left; margin:5px 0 0 0;}

/* =ordenar ----------------------------------------------------------------------------- */
ul#sortableList{list-style-type:none; padding:0; margin:10px 0;}
ul#sortableList li{cursor:move;	padding:3px 5px; margin:0 0 3px 0; border:1px solid #666; background:#f3f3f3;}
ul#sortableList li:hover{background:#fafafa;}
.sortHelper{border: 3px dashed #666; width: auto !important;}
ul#sortableList li span{ margin:0 10px 0 0;}


/* =buscar --------------------------------------------- */
form#frmBuscar{margin:0 0 5px 0; padding:0 5px 0 20px; height:27px; background:#aaa url(img/magnifier.png) no-repeat 5px 6px; text-align:right;}
form#frmBuscar fieldset{display:inline; margin:4px 0 0 5px; padding:0; border:0; float:left; background:none; color:#fff}
form#frmBuscar strong{float:left; margin:2px 5px 0 0;}
form#frmBuscar label{margin:0 10px 0 0; width:auto; background:none;}
form#frmBuscar input#busqueda{margin:0 0 0 5px; padding:3px 2px; float:left; width:200px; color:#333; border:0;}
form#frmBuscar input.inputButton{margin:4px 0 0 0; padding:2px 10px; float:left;}
form#frmBuscar a{float:left; display:inline; margin:7px 0 0 10px; padding:0 0 0 10px; background:url(img/delete_small.png) no-repeat 0 3px; color:#fff; font-size:.8em;}

/* =emergentes --------------------------------------------- */
#contenedorThickbox{width:auto; margin:0; padding:10px; position:relative; background:#fff;}
#contenidoThickbox input{width:310px;}
#contenidoThickbox input.inputButton{width:auto;}

.datos-envio p{padding:0 0 15px 0;}
.datos-envio ol{list-style:decimal; margin:0 0 10px 20px; list-style-position:outside;}
.datos-envio ol li{padding:0 0 5px 0;}

/* =LISTADO: GAMA WEB --------------------------------------------- */
#gama{float:left; margin:10px 0 0 0;}
#gama a{color:#000;}
#gama a.selected{font-weight:bold; color:#0066cc;}

table#modelo_pais{width:980px}
table#modelo_pais th.familia{ padding:2px 5px; text-align:left; background:#333; font-weight:bold;}
table#modelo_pais th.clickable{ cursor:pointer;}

/* =COMUNICACION --------------------------------------------- */
#item-selector{float:left;}
#item-selector li{float:left; margin:0 3px 5px 0; }
#item-selector li a{padding:1px 4px; background:#999; font-size:.8em; color:#fff; border-radius:3px; -moz-border-radius:3px;}
#item-selector li a:hover{background:#777; text-decoration:none;}
#item-selector li.selected a{background:#2179a1;}

/* =comparador --------------------------------------------- */
#frmComparador{background:#f9f9f9; border:1px solid #ddd;}
#frmComparador table{border:0; border-collapse:collapse;}
#frmComparador th,#frmComparador td{padding:3px 0; text-align:left;}
#frmComparador th.left{padding-left:10px;}
#frmComparador .impar th,#frmComparador .impar td{background:#eee;}
#frmComparador .encabezado th{padding:10px 0; background:#666; color:#fff;}
#frmComparador select,#frmComparador input{width:180px; padding:5px; border-radius:3px;}
#frmComparador select{width:192px;}
#frmComparador input.xl{width:280px;}

/* =iframes relacionados --------------------------------------------- */
.tabla_rel{margin:0 0 20px;}
.tabla_rel iframe{border-top:2px solid #333; /*border-bottom:2px solid #333;*/}

.tabla_rel:last-child iframe {border-bottom: 2px solid #333;}

#formOrdenar img{width:120px;}

.form-field-texto {
    width: 65%;
    margin-left: 30%;
    padding-left: 15px;
    font-size: 10px;
    font-style: italic;
    color: #999;
}