@charset "utf-8"; 
/* CSS Document */
html{ margin:0px;height:100%;}

/* Estilos comunes */
body{background:url(../images/css/bg.png) top center repeat-x fixed; margin:0; padding:0; font:11px "Lucida Sans", Arial, Verdana; color:#1e1e1e; font-style:normal }
a{color:#e2001a; text-decoration:none;}
a:hover{color:#f33; text-decoration: underline}

/* Contenedores */
#contenedor{background:#fff; margin:0 auto; width:940px; padding:0; /* border-left:1px #1e1e1e solid; border-right:1px #1e1e1e solid; */}
#contenedor2{background:#fff; margin:0 auto; width:920px; padding:10px; height:100%; /* border-left:1px #1e1e1e solid; border-right:1px #1e1e1e solid;*/ }
#contenedor3{background:#efefef; margin:0; width:100%; padding:10px 0; border-top:2px #CCC solid}

#contenedor4{background:#fff; margin:10px; width:auto; padding:10px; height:100%; /* especifico archivo lopd.php*/ }

/* Cabecera - header */
#preheader{height:90px; padding:0; margin:0 auto; width:100%; clear:both}
#logo{display:inline; width:260px; margin-left:10px; padding-top:6px; float:left}

/* Cabecera Roja */
#topnav{height:35px;text-align:center;width:100%;margin:2px 0;clear:both}
#topnav ul{margin:0;padding:0;line-height:35px;letter-spacing:0.1em}
#topnav ul li{display:inline;list-style-type:none; font-size:1.1em;}
#topnav li a{text-transform:lowercase;list-style-type:none;color:#333;margin:0 8px; font-weight:bold;}
#topnav li a:hover{color:#f00;text-decoration:none}
#header{background:#c70500 url(../images/css/header-bg.png) repeat-x top;margin:0;padding:0;height:180px;width:920px;border:1px #333 solid}
#anuncio{background:url(../images/css/girl.png) top left no-repeat;height:180px;padding:0;margin:0;width:100%;clear:both}
#leftside{width:350px;float:left;margin:0;position:relative;display:inline;text-align:left;padding-top:55px;font-size:13px;color:#fff;font-weight:bold;line-height:1em;padding-left:18px}
#leftside a{color:#fff}
#rightside{color:#FFF;width:400px;float:right;margin:0;position:relative;display:inline;padding-top:25px;padding-right:45px;text-align:right}
#rightside a.titulo,#rightside h3{font:1.6em "Century Gothic", "Lucida Sans", "Trebuchet MS", Arial;line-height:1.1em; font-weight:lighter;color:#ffed00;text-decoration:none}
#rightside p{padding:0;margin:0;}
#rightside a.mastexto{padding:5px;color:#000;}

/* Búsqueda header */
#searchbox{font-size:11px; padding-top:15px; margin-right:10px; display:inline; width:560px; float:right; text-align:right; line-height:30px}
#searchbox ul{margin-right:10px; display:inline; list-style:none}
#searchbox li{display:inline; border-right:1px dotted #999}
#searchbox li a{color:#999; margin:0 10px}
#searchbox li a.reddy{color:#F00; margin:0 10px; font-weight:bolder}
#searchbox li a:hover{color:#1d1d1d}
#searchbox .search{color:#333; margin-right:10px; margin-bottom:10px}


/* Cuerpo central */
#main{padding:0; margin:0 auto; width:100%; clear:both; }
#contenido{padding:5px; margin-top:0; width:660px; float:left; position:relative; display:inline; font-weight:normal; line-height:1.4em;}
#contenido h3, #contenido h2, #contenido h1{font:1.6em "Century Gothic", "Lucida Sans", "Trebuchet MS", Arial; font-weight: lighter; color:#ff3333; line-height:1.2em; text-decoration:none;}
#contenido h3 a, #contenido h2 a, #contenido h1 a, #contenido h4 a, #contenido h5 a, #contenido h6 a{color:#f33}
#contenido h4, #contenido h5, #contenido h6{color:#f33; font-size:1em; line-height:1em; font-weight:bold}
#contenido a.contratar{color:#fafafa; padding:3px 12px; margin:1px; border:1px #000 solid; background-color:#C33; font:1em "Lucida Sans","Lucida Console",Arial,Verdana; text-decoration:none;}
#contenido a:hover.contratar{color:#fafafa; padding:3px 12px; margin:1px; border:1px #000 solid; background-color:#F63; font:1em "Lucida Sans","Lucida Console",Arial,Verdana}
#contenido a.moretext{font-size:1.2em; font-weight:bold; color:#F63; text-decoration:none; padding-top:15px}
#contenido p{text-align:justify; color:#1e1e1e; }
#contenido .market{width:80%; margin:0 auto; text-align:justify; background:#eee; border-left:12px #ccc solid; font-size:1em; padding:10px; color:#888}
blockquote {font-style:normal; background:#EAE5D2; border:1px #c1b896 solid; padding:15px; margin:10px; font:10px Arial, Helvetica, sans-serif;}
.google{text-align:center; margin:10px auto}
#sidebar{width:220px; position:relative; float:left; font-size:1em; line-height:1.2em; display:inline; margin:0 15px 0 0; padding-top:10px; border-right:1px #efefef solid;}
#sidebar .menu{padding:5px 10px; text-align:inherit}


/* Menu ajax desplegable sidebar */
.glossymenu{margin:5px 0; padding:0; width:200px; /*width of menu*//* border:1px solid #9A9A9A; border-bottom:1px #ccc solid; */}
.glossymenu a.menuitem{/* background:black url(../images/css/glossyback.gif) repeat-x bottom left; */font:1.5em "Century Gothic", "Lucida Sans", "Trebuchet MS", Arial; color:#ff3333; text-decoration:none; text-transform: capitalize; font-weight:bold; text-decoration:none; text-align:left; display:block; position:relative; /*To help in the anchoring of the ".statusicon"icon image*/width:auto; padding:6px}
.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{color:#ff3333}
.glossymenu a.menuitem .statusicon{/*CSS for icon image that gets dynamically added to headersposition:absolute; top:5px; right:5px; border:none*/}
.glossymenu a.menuitem:hover{/* background-image:url(../images/css/glossyback2.gif); */color:#cc0000}
.glossymenu div.submenu{/*DIV that contains each sub menu*/background:none}
.glossymenu div.submenu ul{/*UL of each sub menu*/list-style-type:none; margin:0; padding:0}
.glossymenu div.submenu ul li{text-align:left; list-style-type:none; padding:3px 5px; color:#1d1d1d;}
.glossymenu div.submenu ul li a{display:block; text-decoration:none; color:#1d1d1d; font-size:1em;}
.glossymenu div.submenu ul li a.reddy {color:#FF3333}
.glossymenu div.submenu ul li a:hover{color:#1e1e1e; font-weight:normal}

/* Imágenes */
img.derecha{float:right; margin-bottom:12px; margin-left:15px}
img.izquierda{float:left; margin-right:15px; margin-bottom:12px}
img.oferta{float:left; margin-right:15px; margin-bottom:12px; border:1px #666 solid;}
img.bottom{padding-top:30px}
img.soporte{margin:10px; padding:5px; border:1px solid #1e1e1e}
img.portfolio{background:#eee; padding:5px; border:1px #000 solid;}

/* Formularios */
input, select, option, textarea{background:#fff url(../images/css/bgform.png) top center repeat-x; margin:1px; border:1px #ccc solid; padding:3px; color:#666; font-size:1.1em}
input:hover, select:hover, option:hover, textarea:hover{background:#fff url(../images/css/bgform.png) top center repeat-x; margin:1px; border:1px #333 solid; padding:3px; color:#1e1e1e; font-size:1.1em}

input.button{min-height:16px; border:1px #666 solid; padding:5px; margin:1px; font-weight:normal}
form{padding:0; margin:4px}
form td{color:#1d1d1d; text-align:right; vertical-align:middle}
form table{border:0}

/* Tablas especiales */
table td h3{color:#f33; font-size:1.4em; font-weight:bold; margin:2px}
table td h4{color:#f33; font-size:1.2em; font-weight:bold; margin:2px}
table.fcsites{background:#fff; border:none; font-weight:normal; font-size:11px; color:#404040; border-spacing:0px; margin:0; padding:5px}
table.fcsites  tr.a{background:#efefef;}
table.fcsites  tr.b{background:#fafafa;}
table.fcsites  tr.c{background:#cc0000; color:#FFFFFF; font-weight:bold}
table.maping{font-weight:normal; font-size:11px; color:#404040; min-width:400px; max-width:500px; background-color:#fff; border-spacing:0px; margin:0; padding-top:0}
table.maping td.logos{text-align:center; width:100px; height:30px; max-height:30px}
table.maping h3{font-family:Geneva,Arial,Helvetica,sans-serif; font-weight:lighter; font-size:1.5em; color:#c70500; line-height:0.4em; text-decoration:none; text-align:left; text-transform:uppercase}
table.timetable td.timetable{text-align:right; vertical-align:top; color:#ddd; border-right:2px #CCC thin; padding-right:3px}
table.simple{width:90%; border:none}
table.simple td{padding:2px; text-align:left}
table.maping td.logos img, table.maping td.logos img.a{border:0}
table.maping td{font-weight:normal; font-size:11px; color:#404040; background-color:#fff; padding-left:3px; height:30px; max-height:30px}

/* Parrafos advertencias */
.error{background:#FBE3E4; color:#8a1f11; border:1px #FBC2C4 solid; padding:3px 5px}
.notice{background:#FFF6BF; color:#514721; border:1px #FFD324 solid; padding:3px 5px}
.success{background:#E6EFC2; color:#264409; border:1px #C6D880 solid; padding:3px 5px}
.error a{color:#8a1f11}
.notice a{color:#514721}
.success a{color:#264409}



small {font:10px Arial, Helvetica, sans-serif; color:#fff}

/* Pié de página */
#footer{margin:0 auto; width:920px; padding:0 10px}
ul.enlinea{list-style-type:none; text-align:left; margin:0; padding:0}
ul.enlinea li{display:inline; margin-right:20px}
ul.enlinea li{font-weight:bold}