/* ************************************************************************* */
/* Elite Compuer Styles » www.elitecomputer.es   		            	  	 */
/* Created July 2009' by Elite Computer                           			 */
/* ************************************************************************* */

/* initialise =============================================================== */
* {
	margin: 0px;
	padding: 0px;
}
.hidden, .hide, .url, i {
	display: none;
} 
/* hide skip navigation + print code */
.show {
	display: inline;
}
a img {
	border: none;
} 
table {
	font-size: 100%;
}  /* fixes IE5 font-size bug */
p, td, a, h1, h2, h3, h4, h5, h6, .textfield, .textarea {
	color: #333;
	font-family: Helvetica, Arial, sans-serif;
}
div.clear {
	clear:both;
	height:0;
	font-size:1px;
}
/* typography =============================================================== */

p, a, ul, li {
	font-size: 1em;
}
p.right_align {
	text-align:right;
	padding:0 10px;
}
p.centre_align {
	text-align:center;
}
/* headings */ 
h1, h2, h3, h4, h5, h6 {
	font-family: "Helvetica Light", Helvetica, Arial,  sans-serif;
}
h2 {
	font-size: 22px;
	color: #3d454b;
	font-weight: bold;
}  
/* page title */
#mainColumn h2, h2.comparison {
	margin-top: 36px;
	padding: 0;
}
h3 {
	color: #569833;
	font-size: 16px;
}
h3 a {
	font-size: 16px;
}
h3 span {
	margin: 0;
	padding: 0;
}
h4 {
	font-size: 14px;
}
a {
	font-size: 1em;
	color: #3d454b;
	text-decoration: underline;
}
a:hover {
	color: #3d454b;
	text-decoration: none;
}
a:visited {
	text-decoration: underline;
}
a:visited:hover {
	text-decoration: none;
}
li {
	line-height: 18px;
}
li span {
	color: #569833;
}
html { 
	height: 100%;
	min-height: 100%;
}
body {
	color: #333;
	height: 100%;
	font-size: 76%;
	min-height: 100%;
	font-family:  helvetica, arial, sans-serif;
	text-align : center; 
	background: #fff url("../images/background.jpg") repeat-x left top;
	
	
	font-family: Arial, Helvetica, sans-serif;
	
	
}
html > body {
	overflow: visible;
}
#logo {
	width: 335px;
	height: 80px;
	float: left;
	margin-top: 15px;
	margin-bottom: 5px;
	margin-left: 15px;
}
#logo h1 {
	float: left;
	width: 335px;
	height: 80px;
	background: url("../images/logo.gif") no-repeat;	
}
#logo h1 a{
	width: 335px;
	height: 80px;
	display: block;

}
#logo h2 {
	position:absolute;
	top:110px;
	left:200px;
	width: 80px;
	height: 12px;
	border: 0px;
	margin: 0px;
}
#pipextab {
	float:left;
	position: relative;
	top: -5px;
	left: 10px;
	margin: 0 0 0px 0px;
}
#container {
	position: relative;
	text-align: left;
	width: 768px;
	margin: 15px auto;
	min-height: 91%;
	border: 1px solid #bbbbbb;
}

body:nth-of-type(1) #container { /*Hack Google Chrome  #container */
	position: relative;
	text-align: left;
	width: 768px;
	margin: 15px auto;
	min-height: 80%;
	border: 1px solid #bbbbbb;
}

/*Specific container pages*/
/*index*/
.index#container {
	position: relative;
	text-align: left;
	width: 768px;
	margin: 15px auto;
	min-height: 85%;
	border: 1px solid #bbbbbb;
} 
body:nth-of-type(1) .index#container { /*Hack Google Chrome  #container */
	position: relative;
	text-align: left;
	width: 768px;
	margin: 15px auto;
	min-height: 75%;
	border: 1px solid #bbbbbb;
}
/*End index*/
/*mantenimiento pages*/
.cont-mantenimiento#container {
	position: relative;
	text-align: left;
	width: 768px;
	margin: 15px auto;
	min-height: 825px;
	*min-height: 810px;
	border: 1px solid #bbbbbb;
} 
body:nth-of-type(1) .cont-mantenimiento#container { /*Hack Google Chrome  #container */
	position: relative;
	text-align: left;
	width: 768px;
	margin: 15px auto;
	min-height: 820px;
	border: 1px solid #bbbbbb;
}
/*End mantenimiento pages*/

/*outsourcing*/
.outsourcing#container {
	position: relative;
	text-align: left;
	width: 768px;
	margin: 15px auto;
	min-height: 1045px;
	*min-height: 1025px;
	border: 1px solid #bbbbbb;
} 
body:nth-of-type(1) .outsourcing#container { /*Hack Google Chrome  #container */
	position: relative;
	text-align: left;
	width: 768px;
	margin: 15px auto;
	min-height: 1045px;
	border: 1px solid #bbbbbb;
}
/*End outsourcing*/
/*Consultorķa*/
.consultoria#container {
	position: relative;
	text-align: left;
	width: 768px;
	margin: 15px auto;
	min-height: 1370px;
	*min-height: 1355px;
	border: 1px solid #bbbbbb;
} 
body:nth-of-type(1) .consultoria#container { /*Hack Google Chrome  #container */
	position: relative;
	text-align: left;
	width: 768px;
	margin: 15px auto;
	min-height: 1365px;
	border: 1px solid #bbbbbb;
}
/*End consultoria*/
/*Servicios Interner*/
.servicios-internet#container {
	position: relative;
	text-align: left;
	width: 768px;
	margin: 15px auto;
	min-height: 935px;
	*min-height: 925px;
	border: 1px solid #bbbbbb;
} 
body:nth-of-type(1) .servicios-internet#container { /*Hack Google Chrome  #container */
	position: relative;
	text-align: left;
	width: 768px;
	margin: 15px auto;
	min-height: 935px;
	border: 1px solid #bbbbbb;
}
/*End Servicios Interner*/
/*Servicios Interner*/
.donde#container {
	position: relative;
	text-align: left;
	width: 768px;
	margin: 15px auto;
	min-height: 810px;
	*min-height: 800px;
	border: 1px solid #bbbbbb;
} 
body:nth-of-type(1) .donde#container { /*Hack Google Chrome  #container */
	position: relative;
	text-align: left;
	width: 768px;
	margin: 15px auto;
	min-height: 810px;
	border: 1px solid #bbbbbb;
}
/*End Servicios Interner*/
/*Contacto Interner*/
.contacto#container {
	position: relative;
	text-align: left;
	width: 768px;
	margin: 15px auto;
	min-height: 970px;
	*min-height: 950px;
	border: 1px solid #bbbbbb;
} 
body:nth-of-type(1) .contacto#container { /*Hack Google Chrome  #container */
	position: relative;
	text-align: left;
	width: 768px;
	margin: 15px auto;
	min-height: 955px;
	border: 1px solid #bbbbbb;
}
/*End Servicios Interner*/
/*mapa-web Interner*/
.mapa-web#container {
	position: relative;
	text-align: left;
	width: 768px;
	margin: 15px auto;
	min-height: 700px;
	*min-height: 690px;
	border: 1px solid #bbbbbb;
} 
body:nth-of-type(1) .mapa-web#container { /*Hack Google Chrome  #container */
	position: relative;
	text-align: left;
	width: 768px;
	margin: 15px auto;
	min-height: 700px;
	border: 1px solid #bbbbbb;
}
/*End mapa-web*/
/*empresa*/
.empresa#container {
	position: relative;
	text-align: left;
	width: 768px;
	margin: 15px auto;
	min-height: 825px;
	*min-height: 815px;
	border: 1px solid #bbbbbb;
} 
body:nth-of-type(1) .empresa#container { /*Hack Google Chrome  #container */
	position: relative;
	text-align: left;
	width: 768px;
	margin: 15px auto;
	min-height: 825px;
	border: 1px solid #bbbbbb;
}
/*End empresa*/
/*aviso-legal*/
.aviso#container {
	position: relative;
	text-align: left;
	width: 768px;
	margin: 15px auto;
	min-height: 1025px;
	*min-height: 1015px;
	border: 1px solid #bbbbbb;
} 
body:nth-of-type(1) .aviso#container { /*Hack Google Chrome  #container */
	position: relative;
	text-align: left;
	width: 768px;
	margin: 15px auto;
	min-height: 1020px;
	border: 1px solid #bbbbbb;
}
/*End aviso-legal*/

/*End Specific container pages*/

* html #container {
	height: 100%;
}

body > #container {
	height: auto;
}

/* framework ================================================================ */
#wrapper {
	width: 768px;
	padding: 0;
} /* colors side bar - color set in separate section */
#sidenav {
	float: left;
	width: 154px;
	padding: 1px;
} /* left sidebar */
#mainColumn {
	/*display: inline;*/
	float: right;
	width: 601px;
	margin: 0px;
	padding: 0px 0 0 11px;
	text-align: justify;	
} /* middle and right column wrapper */

* html #mainColumn {
	width: 611px;
	w\idth: 601px;
}

/* navigation =============================================================== */

/* primary site navigation ----- */
#navigation .contact {
	color: #333;
	font-weight: normal;
	float: right;
	margin-right: 3px;
	text-indent: 0;
}
.escribe-txt:after{
	content: " elitecomputer\40 elitecomputer.es";					
}

/* set defaults for alpha effect ----- */
.subNav {
	display : none;
}

/* **************************************** */
#mininav {
	float: right;
	width: auto;
	padding-top: 13px;
	padding-right: 10px;
}
#mininav li {
	display: inline;
	list-style-type: none;
	color: #3d454b;
}
#mininav a {
	text-decoration: none;
	color: #3d454b;
	font-weight: normal;
}
#mininav a:hover {
	text-decoration: underline;
	color: #000;
}

/* Navigation. Menu nav */
#navigation {
	display: block;
	height: 34px;
	padding-left: 0px;
	text-indent: 0px;
	list-style-type: none;
	border-top: 1px solid #e2e2e2;
	border-bottom: 1px solid #aeaeae;
	background: url("../images/top_menu_bck.gif") repeat-x left center;
}
/* style the list ----- */
#navigation li {
	float: left;
	display: block;
	margin-bottom: 0px;
	background: url("../images/top_menu_item_bck.gif") no-repeat right center;
}
#navigation li.last {
	background: none;
}
#navigation a {
	height: 20px;
	color: #fff;
	display: block;
	_display:inline; /* Hack IE 6 */
	font-size: 15px;
	font-weight: normal;
	text-decoration: none;
	padding: 9px 12px 5px 8px;
}
#navigation a:hover{
	color: #fff;
	background: url("../images/menu_over_bck.gif") repeat-x left top;	
}
#navigation li.isSelected a {
	color: #fff;
	background: url(../images/menu_isSelected.gif) repeat-x left top; 
}
/*End navigation */
/* ---------------------------------------------------------*/

/* ---------------------------------------------------------*/
/* default color */
#wrapper {
	margin-top: 5px;
	border-bottom: 1px solid #ccc;
	background: url("../images/wrapper_gray_bck.gif") repeat-y left top;
}

/* footer nav ----- */
#footer {
	width: 768px;
	margin: 10px auto;
	clear: both;
	padding: 0;
	
}
#footer-text {
	clear: both;
	background-color: #fff;
	padding: 1px 1px 1px 7px;
	height: 25px;
}
#footer-text p {
	float: left;
	margin-top: 5px;
	color:gray;
}
#footer-text p a{
	text-decoration: none;
}
#footer-text p a:hover{
	text-decoration: underline;
	color:gray;
	
}

#footer-text img {
	float: right;
	display: inline;
	margin-left: 5px;
}
#footer ul {
	list-style-type: none;
	margin: 0;
	height: 1.8em;
	padding: 0;
}
#footer li {
	float: left;
	display: block;
	color: #ccc;
	margin: 0;
	padding: 1px;
	line-height: 1.8em;
	text-indent: 0;
}
#footer li a {
	text-decoration: none;
	margin: 1px;
	color: #666;
}
#footer li a:hover {
	background-color: #efefef;
	border: 1px solid #ccc;
	margin: 0px;
}

/* format top half of the page */
#header {
	clear: both;
	padding: 0;
	background-color: #fff;
	height:100px;
}
#header img {
	float: left;
	margin: 0 0 3px 0;
}

.right {
	float: right;
	padding-bottom: 5px;
}
.right .biglink {
	display: inline;
}
#divider {
	clear: both;
	height: 9px;
	background-color: #ccc;
	border-bottom: 1px solid #999;
	margin: 0 0 3px 0;
	padding: 0;
} 
/* index page =============================================================== */

/* header contact */
#header-telf {
	float: right;
	width:400px;
	height:37px;
	text-align:right;
	padding-top: 20px;
	padding-right: 18px;
	
}
p.salesphone {
	font-size: 14px;
	margin-bottom: 10px;
	padding-top: 0px;
	/*color: #4682b4;*/
	/*color: #49852D;*/ /*green*/
	/*color: #006bd2;*/ /*blue*/
	color: #5b5b5b;
	font-weight: bold;
}
hr {
	color: #EEE;
	height: 0;
	margin: 0;
	padding: 0;
	border-width:0 0 1px 0;
	border-color: #555;
} 

/* definition lists ========================================================= */

dl {
	clear: both;
	margin-top: 7px;
	margin-bottom: 5px;
	display: block;
}
dt { /*float: left; */
	margin-right: 3px;
	width: auto;
}
dd { /*margin-left: 10px; */
}
dd strong, dd strong a {
	color: #65ba3b;
	font-weight: bold;
	text-decoration: none;
}
dd strong a:hover {
	text-decoration: underline;
}
/* definition end ==================================================================== */


/* generics ----- */
.btn {
	font-size: 11px;
	border: 1px solid #999;
	color: #fff;
	font-weight: bold;
	margin: 0;
	overflow: visible;
}
.checkbox {
}
.textfield, .textarea {
	border: 1px solid #ccc;
	font-size: 10pt;
	color: #666;
}
.textarea {
	margin-bottom: 10px;
}
.textfield {
	height: 20px;
}
select {
	color: #666;
	font-weight: normal;
}

form#loginform {
	padding: 0;
	margin: 5px 0 0 0; /*border-bottom: 1px solid #ccc; */
}
form#loginform .textfield {
	width: 105px;
	height: 12px;
	margin: 0 0 2px 8px;
	font-size: 9pt;
}
form#loginform a {
	margin: 0 6px 0 0;
}
form#loginform .loginbuttons {
	text-align: right;
	margin: 0 0 2px 0;
} /* div that positions buttons at bottom */
form#loginform .btn {
	height: 16px;
	margin-right: 3px;
}
/* new style contact form ----- */

#contactform input, #contactform textarea {
	border: 1px solid #ccc;
	margin-bottom: 7px;
}
#contactform input.btn{
	border: none;
	color: #fff;
	text-align: left;
	padding-left: 10px;
	font-size:14px;
	width: 124px;
	height: 23px;
	cursor: pointer;
	background: url("../images/button124_order_green.gif") no-repeat left top;
}
.contactdetails ul {
	float: left;
	list-style-type: none;
	margin-right: 15px;
}
.contactdetails a, .contactdetails a:hover {
	color: #999;
}
/* contact form ----- */


.boxed {
	border: 1px solid #ccc;
	padding: 10px;
	margin-left: 10px;
	width: 330px;
}
.boxed2 {
	padding: 10px;
	margin: 0 auto 0 auto;
	width: 340px;
	height: 300px;
}
.boxed2 h4 {
	margin-bottom: 1em;
}
#custdetails {
	width: 160px;
	border-right: 1px solid #ccc;
	margin-right: 10px;
	float: left;
	padding: 0;
}
#enquiry {
	margin: 10px 0 0 0;
	padding: 0;
}
form#contactform label {
	display: block;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-size: 0.9em;
}
form#contactform .textfield {
	padding-left: 3px;
	margin: 2px 0 10px 0;
}
form#contactform .textarea {
	display: block;
	width: 316px;
}
#form #contactform .btn {
	margin-left: 210px;
}
/* error form ----- */


#footernav {
	clear: both;
	border-top: 2px solid #393939;
}


/*Mantenimientos*/
.mantenimiento {
	width: 768px;
	height: 249px;
	padding-left: 15px;
	padding-top: 40px;
	background: url(../images/banner-matenimiento.jpg) no-repeat left top;

}
.mantenimiento h1{
	font-size: 36px;
	color: #393939;
	line-height: 2px;
	padding-bottom: 20px;
}
.mantenimiento h2{
	font-size: 17px !important;
	font-weight: normal;
	line-height: 20px;
	border-bottom: 0px !important;
}
.text-green{
	text-decoration: none;
	color: #569833;
	font-weight: bold;
}

.text-blue{
	color: #006bd2;
	font-weight: bold;
	text-decoration: none;
}
.text-blue a{
	text-decoration: none;
	color: #006bd2;
	font-weight: bold;
}
.text-blue a:hover{
	text-decoration: underline;
}

.text-yellow{
	text-decoration: none;
	color: #D8B80D;
}
/*Fin Mantenimientos */
/*===================================================*/

/* homebox */
.homeBox {
	float: left;
	width: 225px;
	/**width:240px;*/
	padding: 16px;
	padding-right: 6px;
	margin-right: 5px;
	border: 1px solid #d6dee5;
	padding-bottom: 8px;
}
.webhosting {
	width: 230px;
	
}
.content_mantenimiento{
	width: 746px;
}
.content_donde{
	width: 746px;
}
.content_donde .donde-texto{
	float: left;
	width: 373px;
}
.content_donde .donde-map{
	float: left;
	width: 363px;
	margin-bottom: 15px;
}

#color-line{
	width: 100%;
	height: 3px;
	border-top: #b2bcc6;
	border-bottom:#b2bcc6;
	background-color: #D8B80D;
}
#color-yellowB{
	width: 100%;
	height: 3px;
	border-top: #b2bcc6;
	border-bottom:#b2bcc6;
	background-color: #D8B80D;
}
#color-blueB{
	width: 100%;
	height: 3px;
	border-top: #b2bcc6;
	border-bottom:#b2bcc6;
	background-color: #1e90ff;
}
#color-greenB{
	width: 100%;
	height: 3px;
	border-top: #b2bcc6;
	border-bottom:#b2bcc6;
	background-color: #3cb371;
}
#color-green{
	float:left;
	width: 256px;
	height: 3px;
	border-top: #b2bcc6;
	border-bottom:#b2bcc6;
	background-color: #3cb371;

}
#color-yellow{
	float:left;
	width: 256px;
	height: 3px;
	border-top: #b2bcc6;
	border-bottom:#b2bcc6;
	background-color: #ffd700;
}
#color-blue{
	float:left;
	width: 256px;
	height: 3px;
	border-top: #b2bcc6;
	border-bottom:#b2bcc6;
	background-color: #1e90ff;
}

.h3-blue{
	color: #006bd2;
	
}
.consultoria {
	width: 230px;
	*width:230px;
	margin-right: 0px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
.homeBox h2{
	font-weight: normal;
}
}
.homeBox h2 a{
	color: #3d454b;
	text-decoration: none;
}
.homeBox h2 a:hover{
	text-decoration: underline;
}
.homeBox h3{
	margin-bottom: 10px;
	color: #6a6a6a;
}

.homeBox ul {
	list-style-type: none;
}
.homeBox ul li{
	padding-left: 12px;
	background: url(../images/bullet-yellow.gif) no-repeat left 6px;
}
.homeBox ul li.nobg{
	display: hidden;
	background: none;
}
.homeBox ul li span{
	font-weight: bold;
}
.homeBox a.button {
	display: block;
	width: 214px;
	height: 30px;
	color: #fff;
	font-size: 18px;
	padding-top: 4px;
	margin-top: 26px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	font-family: "Helvetica Light", Helvetica, Arial,  sans-serif;
	line-height:26px;	
}


/* Generic class */
.clear {
	clear: both;
}
.input {
	float: left;
	width: 280px;
	margin: 5px 0;
	padding: 3px 0;
	background: #eee url(../images/bg_input.gif) bottom left repeat-x;
	border: 2px solid #ccc;
	padding: 2px;
	margin-right: 45px;	
}