/* 
Oxxigeno Networks
marzo 2007
*/


/*commons*/
body {margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; }
hr {display:none }
a img {border:none }
form {margin:0; padding:0 }
select, input, textarea {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:0.9em; border: 1px solid #ccc; }
input.radiobutton {border:none }
table {font-size:1em }
.close {clear:both; width:100%; line-height:0 }
a:hover {color:#333 !important }
p, h1 { margin:0; padding:0}
.checkbox {border:none;}

/*dl*/
dl {margin:0 20px }
dt {clear:both; margin:0 0 10px 0 }
dd {margin:0 0 20px 0; padding:0; float:left; }
dl img {float:left;  margin:10px 10px 0 0; padding:0 }

/* images */
img.toLeft {float:left;  border:dashed 1px #CCCCCC; margin-right:10px; padding:2px }
img.toRight {float:right; border:dashed 1px #CCCCCC; margin-left:10px; padding:2px }
img.header_photo {border-bottom:1px solid #CCCCCC  }

/* structure */
#container {width:780px; margin:15px 0 0 10px; background-color:#FFFFFF }
#header img{ float:left; margin:11px 0; }
#header .links {float:right; font-size:0.9em;}
#header .links a {color:#6571A0; }
#header .language {clear:both;  margin:50px 0 3px 0; padding:2px 5px; font-size:0.9em; background-color:#eee; width:200px; float:right}
#header .language a {color:#6571A0}

/*footer*/
#footer {clear:both; border-top: 1px solid #CCC; padding:10px 0; font-size:0.9em; margin-bottom:20px}
#footer a {color:#6571A0; }
#footer p {margin:0; padding:0; }
#footer p.texto {float:left; width:670px;}
#footer p.w3cWai {float:right; width:83px;}

/*depth path */
#depthPath {margin:8px; color:#90949F; font-size:0.9em} 
#depthPath strong {padding:0px 4px 0px 0px} 
#depthPath a{color:#90949F}
#depthPath a:hover{color:#000}

/*layout*/
#layout {clear:both; border-top:1px solid #ccc;border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; background:url(../_img/bg_menu-izq.gif) repeat-y 0 0}
#layout .column1 {float:left; width:157px; }
#layout .column2 {float:right; width:620px; }

/*left menu*/
#left_menu {background-color:#f3f5f9 }
#left_menu ul {background-color:#FFFFFF; margin:0; padding:0; font-size:0.9em }
#left_menu ul li {margin:0; padding:0; list-style-type:none; width:140px; }
#left_menu ul li a {width:100%; border-bottom:1px solid #FFFFFF; padding:5px 5px 5px 10px; display:block; background-color: #e0e7f1;  background-image: url(../_img/icon_flecha-menu.gif); background-repeat: no-repeat; background-position: 3px; text-decoration:none; color:#666  }
#left_menu ul li a:hover {background-color: #C9D2DE; color: #000; }
#left_menu ul li.active a{background-color:#C9D2DE; color:#000}
#left_menu ul li ul li {font-size:1.1em !important}

.left_submenu {border-left: 1px solid #C9D2DE; width:160px !important;}

.content .local_menu {font-size:0.9em; padding:10px; margin:30px 0 10px 0; border:1px solid #ccc; background-color:#F3F5F9; clear:both }
.content .local_menu ol {margin:0 0 0 20px; padding:10px }
.content .local_menu ol li {list-style-type:decimal; padding:0px; margin-top:2px   }

/* Fix IE. Hide from IE Mac \*/
* html #left_menu ul li {float: left; height: 1%; }
* html #left_menu ul li a {height: 1%; }
/* End */ 

/*content*/
.content, .contentPrensa, .contentPressKit {clear:both; padding: 5px 35px 20px 35px }
h1 {clear:both; color:#999999; font-weight:normal; font-size:2.1em; background:url(../_img/inter-x.gif); background-position:bottom; background-repeat:repeat-x; padding-bottom:3px; margin:10px 0 10px 0}
.content h2, .contentPressKit h2 {clear:both; color:#586B8D; font-weight:bold; font-size:1.1em; background:url(../_img/inter-x.gif); background-position:bottom; background-repeat:repeat-x; padding:0 0 3px 0; margin:20px 0 10px 0 }
.content h3 {clear:both; color:#2E2E76; font-weight:bold; font-size:1.2em; text-align:justify; padding:10px 0 3px 0; margin:0 }
.content h4 {clear:both; color:#586B8D; font-weight:bold; font-size:1.4em; text-align:center; background-color:#eee; margin:0; padding:10px; }
.content p {text-align:justify; margin:0 0 10px 0;}
.content a {color:#6571a0}
.content ul {margin:0; padding:10px }
.content ul li {margin:0; background: url(../_img/icon_c-tierra-4x4.gif) no-repeat left top;padding-bottom:8px;padding-left:14px; list-style:none}
.content ul li ul li {margin:0; background: url(../_img/icon_c-tierra-4x4-empty.gif) no-repeat left top;padding-bottom:8px;padding-left:14px; list-style:none}
.content ul.iconWordListado li {background:url(../_img/iconoword.gif) left top no-repeat !important; padding-left:16px !important; padding-bottom:15px}

/* <A> o <LI> con icono */ 
.iconPdf {background:url(../_img/icon-pdf.gif) left top no-repeat !important; padding-left:20px !important;}
.iconWord {background:url(../_img/icon-word.gif) left top no-repeat !important; padding-left:20px !important;}
.iconPhoto {background:url(../_img/icon-photo.gif) left top no-repeat !important; padding-left:20px !important;}
.iconPhone {background:url(../_img/icon-13.gif) left top no-repeat !important; padding-left:20px !important;}
.iconEmail {background:url(../_img/icon-14.gif) left top no-repeat !important; padding-left:20px !important;}
.iconBus {background: url(../_img/icon-bus.gif) left top no-repeat !important; padding-left:20px !important;}
.iconMetro {background:url(../_img/icon-metro.gif) left top no-repeat !important; padding-left:20px !important;}
.iconMap {background:url(../_img/icon-map.gif) left top no-repeat !important; padding-left:20px !important;}
.iconTime {background:url(../_img/icon-time.gif) left top no-repeat !important; padding-left:20px !important;}

/*home*/
.content_home {clear:both; padding-top:15px; border-top:solid 1px #ccc}
.content_home p {font-size:10px}

.content_home .left { float:left; width:370px; padding:0 10px 0 10px;}
.content_home .left .data {padding-bottom:15px; border-bottom:solid 1px #ccc; margin-bottom:10px}
.content_home .left .dataEnd {padding-bottom:0; border-bottom:none; margin-bottom:none}
.content_home .left .data img {float:left; padding-right:10px; padding-bottom:20px;}
.content_home .left .data p.titulo {padding-bottom:5px}
.content_home .left .data p.titulo a {color:#1877CE;font-size:11px; font-weight:bold; background:url(../_img/icon-26.gif) no-repeat 0 4px; padding-left:10px; }

.content_home .right {float:right; width:225px; padding:0; font-size:10px;}
.content_home .right .press { background:#F3F5F8 url(../_img/icon-bg-1.gif) repeat-y right top; padding:0 20px 10px 12px}
.content_home .right .press p {font-size:11px; color:#666; font-weight:bold; margin-bottom:3px;}
.content_home .right .press ul {padding:15px 0 0 0; margin:0; border-top:solid 1px #ccc; }
.content_home .right .press ul li {list-style-type:none; background:url(../_img/icon-27.gif) no-repeat 0 3px; padding-left:12px; padding-bottom:7px; margin-bottom:7px; border-bottom:solid 1px #E7E9EB}
.content_home .right .press ul li.end { border-bottom:none; padding-bottom:0; margin-bottom:0}
.content_home .right .press ul li a {color:#000; font-weight:bold}

.content_home .right .pressTop {background:url(../_img/icon-bg-2.gif) no-repeat 0 100%; height:9px; width:225px}
.content_home .right .pressBottom {background:url(../_img/icon-bg-3.gif) no-repeat 0 0; height:14px; width:225px}



/* Forms */
form {margin:0; padding:0}
input, textarea, select {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:100%; border:solid 1px #ccc; padding:1px }
.button {background-color:#A3BBDE; color:#fff; cursor:pointer; padding:3px 5px;}

/*form commons*/
form.form_general div.formFields input, 
form.form_general div.formFields textarea, 
form.form_general div.formFields select, 
form.form_prensa div.formFields input, 
form.form_prensa div.formFields textarea, 
form.form_prensa div.formFields select {display: block; float:left;margin:0 0 8px 10px;}
form.form_general div.formFields input:hover, 
form.form_general div.formFields textarea:hover, 
form.form_general div.formFields select:hover,
form.form_prensa div.formFields input:hover, 
form.form_prensa div.formFields textarea:hover, 
form.form_prensa div.formFields select:hover {background-color:#FFFFCC}
form.form_general div.formFields input:focus, 
form.form_general div.formFields textarea:focus, 
form.form_general div.formFields select:focus,
form.form_prensa div.formFields input:focus, 
form.form_prensa div.formFields textarea:focus, 
form.form_prensa div.formFields select:focus {border:1px solid #132859}
form.form_general div.formText, 
form.form_prensa div.formText  {clear:both; padding:15px; margin:0; border-bottom: 1px dashed #CCCCCC}
form.form_general div.formActions, 
form.form_prensa div.formActions {clear:both; padding:5px; margin:0; border-top: 1px dashed #CCCCCC; text-align:right}
form.form_general fieldset,
form.form_prensa fieldset {border:1px solid #CCCCCC; margin:0 0 15px 0 }
form.form_general br, 
form.form_prensa br  {clear: both;}
form.form_general div.formActions input,
form.form_prensa div.formActions input {}

/*form general*/
form.form_general {font-size:10px; color:#666}
form.form_general legend {font-size:11px; font-weight:bold; padding:4px 6px; color:#586B8D; }
form.form_general label {font-size:1em; display: block; width:30%; text-align: right; font-weight:bold; color:#666; float:left; margin:0 0 8px 10px;}
form.form_general div.formFields {padding: 15px; margin:0;}


/*curriculum vitae*/
.content .inicio {padding:15px 0}
form.form_general .titulo {color:#666; padding-left:15px; padding-top:15px}
form.form_general .special { border-bottom:solid 1px #ccc; margin:0 15px 10px 15px; padding-bottom:15px}
form.form_general .special p {padding:5px 0}
form.form_general .special table {margin-top:10px}
form.form_general .special table td {padding-right:8px}
form.form_general .special2 {margin:0 15px 5px 15px;}
form.form_general .marco {border-left:solid 1px #ccc;border-bottom:solid 1px #ccc; margin:5px 15px 6px 15px}
form.form_general .marco p {color:#999}
form.form_general .marco table td {padding:3px 5px; border-right:solid 1px #ccc;border-top:solid 1px #ccc;}
form.form_general .marco table td.col01 {width:240px}
form.form_general .marco table td.col02 {width:100px; background-color:#eee; text-align:center; border-right: none}
form.form_general .marco table td.col03 {width:100px; background-color:#eee; }

form.form_general .disponibilidad table {padding-top:10px}
form.form_general .disponibilidad table td {padding-bottom:10px}
form.form_general .disponibilidad table td p {padding-bottom:5px}


/*form sala prensa*/
form.form_prensa legend {font-size:0.9em; font-weight:bold; padding:4px 6px; background-color:#efefef; border:1px dashed #ccc; margin-bottom:10px }
form.form_prensa label {font-size:0.9em; display: block; font-weight:bold; color:#666; float:left; margin:0 0 8px 0; width:100%}
form.form_prensa select {font-size:0.9em}
form.form_prensa div.formFields {padding:0 0 0 15px; margin:0;}
form.form_prensa .button {font-size:0.9em}

/*nota de prensa Columnas*/
.prensaColumns {background:url(../_img/icon-25.gif) repeat-y 330px 200px; margin-top:20px}
.prensaColumns .prensaLeft {float:left; width:300px;}
.prensaColumns .prensaRight {float:right; width:200px;}

/*nota de prensa DIV*/
.contentPrensa .nota {border-bottom:solid 1px #E5E5E5; margin:20px 0 0 0; padding:0 0 10px 0}
.contentPrensa .nota h2 {color:#3D6A98 !important; font-size:1.1em !important; background:none !important; text-transform:none !important; padding:0 0 2px 0 !important; margin:0 !important; }
.contentPrensa .nota h2 a {color:#3D6A98 !important; border-bottom:dotted 1px #3D6A98; text-decoration:none}
.contentPrensa .nota p em {color:#666}
.contentPrensa .nota p a {color:#3D6A98}
.contentPrensa .nota img {float:left; padding:1px; border:1px solid #CCCCCC; margin:5px }
.contentPressKit ul li {list-style-type:none; padding-bottom:8px}
.contentPressKit ul li a {color:#3D6A98}
.contentPresskit .photoset {width:546px; border-collapse:collapse;}
.contentPresskit .photoset td { width:100px; margin:0px; padding:5px; text-align:center; vertical-align:top;  }
.contentPresskit .photoset td p {clear:both; text-align:center !important; margin:0 !important; padding:0 !important;  font-size:0.9em;}

/*paginador*/
.resumenBusqueda {color:#0D6DD1}
.paginador {background-color:#F5F8FF; text-align:right; padding:10px 20px; margin-top:20px}
.paginador .anterior {background:url(../_img/icon-pag-01.gif) 0 70% no-repeat; padding-left:8px}
.paginador .siguiente {background:url(../_img/icon-pag-02.gif) 100% 70% no-repeat; padding-right:8px}

/*buscar notas de prensa*/
.searchPress {border-bottom:dashed 1px #AAB9D2; padding:10px }
.searchPress h2 {font-size:1.0em; margin:0 0 10px 0 !important; padding:0 !important;color:#C2D4F0 !important; font-weight:bold;}
.searchPress label {color:#fff; display:block; font-size:0.9em; padding:0 0 2px 0}

/*table general*/
.tableGeneral { border-top:solid 1px #ccc; border-left:solid 1px #ccc;}
.tableGeneral th {border-bottom:solid 1px #eee;border-right:solid 1px #ccc; padding:8px; background-color:#eee}
.tableGeneral td {border-bottom:solid 1px #ccc; border-right:solid 1px #ccc; padding:8px; vertical-align:top}

/*newsletter menu nav*/
.newsletter {font-size:10px; background:url(../_img/bg-newsletter-02.gif) no-repeat left bottom; width:140px; margin-left:13px; margin-top:20px;}
.newsletter .title { background:url(../_img/bg-newsletter-01.gif) no-repeat 0 0; padding:5px}
.newsletter .title p {color:#1877ce; background:url(../_img/icon-28.gif) no-repeat 7px 2px; padding-left:22px}
.newsletter .formulario {padding:5px 10px 12px 10px; width:110px; color:#727275}
.newsletter .formulario .campo {font:9px Arial; margin-top:10px;color:#727275; border:solid 1px #8bb8f0}
.newsletter .formulario .enviar {background-color:#fea74f; border:none !important; padding:2px 6px; color:#fff; margin-top:10px}