* { margin: 0; padding: 0; border: 0; }

h1, h2, h3, a { color: #2b5944; }
p, blockquote, ul, ol { margin-bottom: 20px; line-height: 1.6em;}
p { margin-right: 14px; text-align: justify; }
blockquote { }
ul {list-style-image: url('icons/ok.gif'); }
ol {margin-left: 5px;}
a { font-weight: bold; text-decoration: none; }
a:hover { text-decoration: none; color: #FF0000; }
strong { font-size: 1.1em; }
.intro { font-family: Arial, Helvetica, sans-serif; font-size: 15px; border-bottom: 1px solid #2b5944; margin-left: 75px;}
.col2 { float: left; width: 49%; }
.col_webs { float: left; width: 51%; padding-left: 9px; padding-bottom: 9px; padding-top: 9px; list-style-type:none; font-size: 11px;}
.col_calendario { float: right; width: 34%; }
.col_enlaces { float: left; width: 60%; }
.col_mapa { float: right; width: 46%; }
.col_contacto { float: left; width: 46%; }
.col3 { float: left; width: 33%; }
.col4 { float: left; width: 24%; }
.col_index { float: left; width: 48%; padding: 5px 5px 0; margin: 1px; text-align:left;}
.alinear {float: left; margin-right: 12px; margin-top: 25px; padding-right: 10px; padding-bottom: 45px; padding-left: 5px;}
.alinear1 {float: right; margin-right: 12px; margin-top: 25px; padding-left: 10px; padding-bottom: 45px; padding-right: 5px;}
.textizq {text-align: justify; padding-left: 1px;}
.intro1 { font-family: Arial, Helvetica, sans-serif; font-size: 15px; border-bottom: 1px solid #2b5944; margin-right: 75px;}
.drcha{ float: right; padding: 0 0 10px 25px; }
.drcha1{ float: right; padding: 0 0 10px 25px; }
.italic{font-style: italic;}
.nodeco{text-decoration: none; border: 0px;}
.pdfs{margin-bottom: 0.4em;text-align: justify;list-style: none;background: url('icons/pdf1.gif') left -6px no-repeat; padding-left: 23px; height: 32px;}
.precio{float: right;  font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 13px; }
.tlf span { font-size: 1.7em; font-weight: bolder; margin-bottom: 0; color: white; }
.tlf { margin-bottom: 0; color: #D4C792; } 
/* ------------ Wrapper ------------ */

body { background: #2b5944 url(images/img01.gif); font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
#wrapper { width: 710px; margin: 0 auto; padding: 0 auto; }

/* ------------ Header -------------- */

#header		{ padding-top: 30px; }
#header h1	{ position: fixed; top: 0; right: 0; width: 100%; background-color: black; font-size: 0.8em; text-align: right; color: #D4C792; }
#header img	{ padding: 0 0 10px 10px; border: 0; }

#menu	{ background: #2b5944 url(images/img05m.gif) no-repeat left top; overflow: hidden; height: 50px;}
#menu ul	{ margin: 5px 0 0 20px; padding: 0 10px; list-style: none; }
#menu li	{ display: inline; margin: 0; float: left; height: 50px; width: 24%; border-left: 1px solid #D4C792; }
#menu .menuinfo { display: block; margin: 0; padding: 0; font-size: 0.6em; font-weight: normal; color: #D4C792; line-height: }
#menu a		{ display: block; margin: 0; padding: 2px 0 0 0; height: 50px; text-align: center; font-size: 1.4em; font-weight: bold; color: #FFEECC; }
#menu a:hover   { color: #FFFFFF; }

#empresa a:hover { background-color: #208020; }
#servicios a:hover { background-color: #c4a000;}
#softwarelibre a:hover { background-color: #204a87; }
#ubicacion a:hover { background-color: #802060; }
#ubicacion a { border-right: 1px solid #D4C792; }

#menu a span { margin: 0; padding: 0; line-height: 0.9; font-size: 0.6em; color: #D4C792;}

/* --------------- Content, content-header, content-footer----------------- */

#page { background:  url(images/img04.gif) repeat-y; }
#content_web {  padding-left: 30px; padding-right: 30px;padding-bottom: 30px;padding-top: 5px; }
#content_web h1, #content_web h2 { margin-bottom: 20px; border-bottom: 1px solid #2b5944; }
#content_web ul, #content_web ol { list-style-position: inside; }
#content {  padding: 30px; }
#content h1, #content h2 { margin-bottom: 20px; border-bottom: 1px solid #2b5944; }
#content ul, #content ol { list-style-position: inside; }

#content_indice {  padding: 30px; }
#content_indice h1, #content_indice h2 { margin-bottom: 20px; border-bottom: 1px solid #2b5944; }
#content_indice ul, #content_indice ol { list-style-position: inside; }



#slideshow { margin-left: 10px; min-height: 220px; }
#slideshow img { border: 0; }
//#slideshow a { position: absolute; top: 60px; left: 60px; font-size: 1.6em; }
#slideshow a {display: block; }

#content-footer { padding: 0 30px; background: #2b5944 url('images/img04fc.gif') repeat-y; overflow: hidden; height: 1%; color: white; }
#content-footer ul { margin: 10px 0 0 0; padding: 0; list-style: none; line-height: normal; }
#content-footer li { margin: 0; padding: 5px 10px; border: none; }
#content-footer h2 { padding: 6px 20px 8px 35px; margin: 5px; border-bottom: 1px dotted #FFF; font-size: 1.2em; color: #D4C792; }
#content-footer h3 { font-size: 0.9em; color: #D4C792; }
#content-footer-contacto h2 { background: transparent url('icons/contacto.gif') top left no-repeat; }
#content-footer-noticias h2 { background: transparent url('icons/noticias.gif') top left no-repeat; }
#content-footer-tecnologias h2 { background: transparent url('icons/tecnologias.gif') top left no-repeat; }
#content-footer a { text-decoration: none; color: #FFF; }
#content-footer a:hover { text-decoration: none; }
#content-footer b { color: #FFF; }


/* --------------- Footer --------------- */

#footer { clear: both; width: 710px; height: 50px; margin: 0 auto; padding: 40px 0 0 0; background: url(images/img06.gif) no-repeat; color: #FFFFFF; }
#footer p { margin: 0; text-align: center; font-size: 80%;}
#footer a { text-decoration: underline; color: #FFFFFF;}
#footer a:hover { text-decoration: none;}



/* --------------- Misc ----------------- */

#map {
	width: 300px; 
	height: 210px;
}
#pass {
	margin-top: 5px;
	background-color: #57af74;
}
#pass p{
	margin-left: 10px;
	color: white;
	margin-bottom: 5px;
}
	

/* --------------- Pruebas ----------------- */

.subclase{
	margin-left: 15px;
	font-weight: bold;
}
.calendar{
border: 0px;
}
.enlaces_sl{
border: 0px;
padding: 10px;
}
.sitemap a{
text-decoration:none;
text-align: center;
}
.sitemap1 {
margin-left: 40px;
}
.under{
text-decoration: underline;
}

/* --------------- Jquery ---------------- */

.pics {   
   margin-bottom: 20px;
} 
 
.pics img {  
padding: 5px;  
} 
.margen{
height: 190px;
padding-left: 5px;
margin-bottom: 10px;
}

/* --------------- Columnas clientes ---------------- */

.col_clientes{ float: left; width: 31%; padding-left: 9px; padding-bottom: 9px; padding-top: 9px; list-style-type:none; font-size: 11px;}
 ul.clientes {list-style-image:url('icons/ok.gif'); list-style-type:square;}

/* --------------- Submenu Desplegable -------------- */



#content1 {
	spadding: 0px 0px 10px 0px;
	width: 690px;
	border-top: 1px solid #d4c792;
	margin-left: 10px;
	margin-bottom: 15px;
	background-color: #dddddd;
	height: 27px;
}
.menuh{
    height: 30px;
    aborder-left: 1px solid #D4C792;
}

.imgserv{
    margin-top: 10px;
    margin-left: 13px;
}
.outsourcingimg{
float: right;
margin-top: 20px;
margin-left: 10px;
}
.slimg{
float: right;
margin-left: 20px;
}

.webimg{
float: right;
margin-left: 20px;
margin-top: 25px;
}
.webimg1{
float: right;
margin-left: 18px;
margin-top: 9px;
}

.actualizaciones{
float: right;
margin-left: 20px;
margin-top: 35px;
}
.audiovisuales{
float: left;
margin-right: 20px;
margin-top: 25px;
}

.servicios {
    padding-top: 10px;
}
/* Contenedor servicios */
.irekisoft-container{
float: right;
width: 190px;
margin-top: 40px;
margin-left: 20px;
margin-bottom: 10px;
border: 1px solid #cccccc;
-moz-border-radius: 5px;
-webkit-border-radius:  5px;
border-radius: 5px;
}


.irekisoft-container-body h2 {
float: right;
width: 190px;
font-size: 0.86em;
color: black;
background: url('images/marco.png');
text-align: center;
height: 20px;
margin-top: 3px;

}
.irekisoft-container-body
{
float: right;
width: 190px;
background: #e0e0e0;
height: 20px;
font-family: arial,sans-serif;
font-size: 0.9em;
margin-bottom: 18px;
}
.irekisoft-container p 
{

padding-top: 0.3em;
padding-right: 5px;
padding-bottom: 0.4em;
padding-left: 5px;

}
.irekisoft-mail img 
{
border: 0;
text-decoration: none;
margin-right: 8px;
margin-top: 0px;
margin-bottom: 1px;
margin-left: 0pt;
vertical-align: middle;
}
.irekisoft-mail p 
{
margin-left: 4px;
font-family: arial,sans-serif;
font-size: 0.9em;
}
.mail{
margin-top: 0px;
margin-right: 0pt;
margin-bottom: 1px;
margin-left: 0pt;
vertical-align: middle;
}
#servicios_texto ul li
{
width: 420px;
background-color: transparent;
margin-bottom: 0.3em;
text-align: justify;
list-style: none;
background: url('icons/ok.gif') left 3px no-repeat;
padding-left: 23px;
}
#web_texto ul li
{
margin-top: 8px;
width: 560px;
background-color: transparent;
margin-bottom: 0.3em;
text-align: justify;
list-style: none;
background: url('icons/ok.gif') left 3px no-repeat;
padding-left: 23px;
}
/* Contacto */

fieldset{
margin: 1em 0 0 0;
padding: 0;
background-color: #F2EFE9;
border: 1px solid gray;
}
.submit{
margin-left: 35%;
margin-bottom: 5px;
border: 1px solid gray;
}
.boton{
border: 1px solid gray;
}
.bread{
font-family: arial,sans-serif;
font-size: 0.71em;
margin-left: 20px;
}
legend{
margin-left: 1em;
color: 000000;
font-weight: bold;
}
fieldset ol{
padding: 1em 1em 0 0.5em;
list-style: none;

}
fieldset li{
padding-bottom: 1em;

}

label{
display: block;
float: left;
width: 6em;
margin-right: 1em;

}
.campo{
border: 1px solid gray;
}

.formulario{
margin: 1.5em 0 0 2em;
font-family: arial,sans-serif;
font-size: 0.8em;

}
textarea{
width: 235px;
border: 1px solid gray;
}
.qr{
float: right;
}
.web_letra{
font-family: arial,sans-serif;
font-size: 1.2em;
color: #2b5944;
font-weight: bold; 
font-style: italic;
width: 240px;
padding: 15px;
margin-left: 30px;
border: 1px solid #bbbbbb;

}
.web_hardysoft{
font-family: arial,sans-serif;
font-size: 1.2em;
color: #2b5944;
font-weight: bold; 
font-style: italic;
width: 260px;
padding: 15px;
margin-left: 30px;
border: 1px solid #bbbbbb;

}
.interrogante{
background-color: transparent;
margin-bottom: -0.5em;
margin-right: 3px;
background: left 3px no-repeat;
}

/* Menu */
/* Author: Craig Erskine Description: Dynamic Menu System - Horizontal/Vertical */ 

ul#navmenu-h { margin: 0; padding: 0; list-style: none; position: relative; } 
ul#navmenu-h ul { width: 240px; /* Sub Menu Width */ margin: 0; list-style: none; display: none; position: absolute; top: 100%; left: 0; } 
ul#navmenu-h ul ul,ul#navmenu-h ul ul ul { top: 0; left: 100%; } 
ul#navmenu-h li { float: left; display: inline; position: relative; } 
ul#navmenu-h ul li { width: 100%; display: block; } /* Root Menu */ 
ul#navmenu-h a { border-top: 1px solid #FFF; border-right: 1px solid #FFF; padding: 6px; float: left; display: block; background: #DDD; color: #666; font: bold 11px Arial, sans-serif; text-decoration: none; Xheight: 1%; } 
/* Root Menu Hover Persistence */ 
ul#navmenu-h a:hover,ul#navmenu-h li:hover a,ul#navmenu-h li.iehover a { background: #BBB; color: #FFF; } 
/* 2nd Menu */ ul#navmenu-h li:hover li a,ul#navmenu-h li.iehover li a { float: none; background: #BBB; } 
/* 2nd Menu Hover Persistence */ ul#navmenu-h li:hover li a:hover,ul#navmenu-h li:hover li:hover a,ul#navmenu-h li.iehover li a:hover,ul#navmenu-h li.iehover li.iehover a { background: #999; } 
/* 3rd Menu */ ul#navmenu-h li:hover li:hover li a,ul#navmenu-h li.iehover li.iehover li a { background: #999; } 
/* 3rd Menu Hover Persistence */ ul#navmenu-h li:hover li:hover li a:hover,ul#navmenu-h li:hover li:hover li:hover a,ul#navmenu-h li.iehover li.iehover li a:hover,ul#navmenu-h li.iehover li.iehover li.iehover a { background: #666; } 
/* 4th Menu */ ul#navmenu-h li:hover li:hover li:hover li a,ul#navmenu-h li.iehover li.iehover li.iehover li a { background: #666; } 
/* 4th Menu Hover */ ul#navmenu-h li:hover li:hover li:hover li a:hover,ul#navmenu-h li.iehover li.iehover li.iehover li a:hover { background: #333; } 
/* Hover Function - Do Not Move */ ul#navmenu-h li:hover ul ul,ul#navmenu-h li:hover ul ul ul,ul#navmenu-h li.iehover ul ul,ul#navmenu-h li.iehover ul ul ul { display: none; } 
ul#navmenu-h li:hover ul,ul#navmenu-h ul li:hover ul,ul#navmenu-h ul ul li:hover ul,ul#navmenu-h li.iehover ul,ul#navmenu-h ul li.iehover ul,ul#navmenu-h ul ul li.iehover ul { display: block; }

#posicionamiento{float: right; width: 34%;}
#posicionamiento_texto{float: left; width: 65%;}
.web_ceo{margin-left: 35px; margin-top: 15px;}
#verificar{
font-family: arial,sans-serif;
font-size: 0.8em;
text-align: justify;
margin-left: 5px;
margin-right: 5px;
}
#sitemap ul li{

background-image: none;
}
#sitemap img{

float: right;
}
/* Redes sociales */
.facebook {margin-left: 269px;}