/*  
Theme Name: Arstic AVS 2010
Theme URI: http://arstic-avs.com
Description: Tema diseñado para Arstic AVS
Version: 1.0
Author: Guillermo Latorre y Sergio Paracuellos
Author URI: http://www.hachemuda.com
*/
html{
	margin: 0;
	padding: 0;
}
body {
	text-align: left;
	color: #222;
	background-color: #fff;
	font-family:  sans-serif,"verdana", "sans",  "serif";
	font-size: 8.5pt;
	margin: 0px;
	padding: 0px;
	color: #000;
	background: url(./images/fondo-pie.png) bottom left no-repeat;
}
/*--------------------for links--------------------*/


a {
	text-decoration: none;
	color: #c4620a;
	font-weight: bold;
     }
a:link { 
	text-decoration: none;
	color: #c4620a;
	font-weight: bold;
     }
a:visited { 
	text-decoration: none;
	color: #c4620a;
	font-weight: bold;
     }
a:link:focus{ 
	text-decoration: none;
	color: #c4620a;
	font-weight: bold;
     }
a:link:hover, 
a:visited:hover { 
	color: #666;
	font-weight: bold;
    }
a:link:active, 
a:visited:active {
	text-decoration: none;
	color: #c4620a;
	font-weight: bold;
     }

/*--------------------iamges as a link--------------------*/
a img, a img:link, a img:hover, a img:active{
	text-decoration: none;
	border: 0px;
	}


/*--------------------for blocks-------------------*/

.center{
	text-align:center;
}
.left{
	float: left;
}
u{
	text-decoration: underline;
}
h1{
	font-weight: bold;
	font-size: 15pt;
	border-bottom: 2px solid #555;
	padding-bottom: 6px;
	}
#container{
	width: 900px;
	background-color: #fff;
	margin: 0 auto;
	height: auto;
	border-bottom:0px;
	padding-bottom: 0px;	
	}

#main{
	width: 900px;
	/*background: #fff url(./imagenes/fondo-general.png) top left repeat-y;*/
	background-color: #fff;
	margin: 0px auto;
	height: auto;
	border-bottom:0px;
	padding-bottom: 0px;	
	background-color: transparent;
	}
#language{
	text-align: right;
	padding: 5px 12px 5px 0px;
	color: #333;
}
#language a, #language a:visited, #language a:link, #language a:active{
	color: #333;
	text-decoration:none;
	font-weight: normal;
}
#language a:hover{
	color: #aaa;
}

#header{
	height: 105px;
	background: #fff;
	padding: 0px;
	margin-top: 4px;
	text-align: right;
}
#header img.logo{
	width: 205px;
	float: right;
	margin-right: 7px;
	}
#menu{
	float: right;
	text-align: right;
	text-transform: lowercase; 
	margin: 40px 66px 0px 0px;
}
* html #menu{
	padding: 0;
	margin-right: 274px;
	width: 410px;
}
#menu ul{
	clear: both;
	list-style: none;
	margin-top: 15px;
	margin-bottom: 8px;
	height: 20px;
	padding-left: 6px;
	padding-right: 8px;
}
#menu li{
	display: inline;
	margin-left: 10px;
	font-size: 1.3em;
}
#menu li a{
	margin-left: 16px;
	float:right;
	color: #444;
	text-decoration: none;
	font-weight: bold;
	margin-bottom: 12px;
}
#menu li a:hover{
	color: #ec7206;
}
#menu li.current_page_item a{
	color: #ec7206;
}

.linea-puntos-menu{
	height: 14px;
	background: url(./images/fondo-menu.png) right  no-repeat;
	margin-left: -1010px;
	z-index: 9;
	margin-top: 0px;
	margin-right: 2px;
}
* html .linea-puntos-menu{
	margin-top: 0px;
}
#content{
	width: 510px;
	float:left;
	margin: 10px 0px 35px 93px;
	font-size: 1.1em;
	color: #151515;
	line-height: 1.3em;
	padding: 0px 0px 0px 10px;
	text-align: justify;
}
* html #content{
	width: 518px;
	margin-left: 44px;
}

#content h2{
	font-size: 2.3em;
	color: #333;
	margin: 0px;
	padding: 0px;
	margin-bottom: 25px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 7px;	
	font-weight: normal;
	font-weight: normal;
}
#content h2.titulo{
	border-bottom: 3px solid #ec7206;
	padding-bottom: 0px;
	font-size: 1.6em;
	margin: 0px;	
	font-weight: normal;
	line-height: 26px;
}
#titulo h3:hover{
	color: #ec7206;
}
#titulo h3 a{
	color: #333;
}
#titulo h3 a:hover{
	color: #d96600;
}
#titulo h2{
	border-bottom: 3px solid #ec7206;
	padding-bottom: 8px;
	font-size: 1.5em;
	color: #333;
	font-weight: bold;
	line-height: 20px;
}

#titulo-page h3 a{
	color: #333;
}
#titulo-page h3 a:hover{
	color: #d96600;
}
blockquote{
	margin-left: 50px;
	font-style: italic;
	line-height: 16px;
}

.separador{
	clear: both;
	height: 80px;
}
* html .separador{
	clear: both;
	height: 50px;
}
.metadata{
	text-align: right;
	font-size: 8.5pt;
	padding-left: 0px;
	margin: 7px 0px 0px 4px;
	color: #666;
}
.metadata a, .metadata a:link, .metadata a:active, .metadata a:visited{
	color: #666;
	font-weight: bold;
}
.metadata a:hover{
	color: #d96600;
}

.pero_grande{
	font-size: 1.2em;
	margin-bottom: 24px;
}

#articulo{
	
}
#articulo img{
	border: 1px solid #aaa;
	padding: 3px;
	background-color: #ddd;
}
#articulo-page{
	margin-bottom: 38px;
}
#articulo-page p{
	margin-left: 20px;
}
#lista_proyectos{
	width: auto;
	padding: 0px;
	margin: 0px;
	margin-top: 20px;
}
.bloque_proyecto{
	background-color: #f0f0f0;
	width: 218px;
	float: left; 
	height: 200px;
	border: 1px solid #ccc;
	margin: 5px 10px 8px 11px;
	padding: 6px;
}
.bloque_proyecto p{
	margin: 0;
	padding: 0;
	height: 34px;
	line-height: 15px;
	text-align: left;
	overflow: hidden;
}

.bloque_proyecto a img, .bloque_proyecto a img:active, .bloque_proyecto a img:link, .bloque_proyecto a img:visited{
	border: 1px solid #ccc;
	background-color: #fff;
	padding:3px;
}
.bloque_proyecto a img:hover{
	background-color: #e06900;
}
.bloque_proyecto a{
	text-decoration: none;
	color: #333;
}
.bloque_proyecto a:hover{
	text-decoration: none;
	color: #e06900;
}
/*** TECHNOLOGY AND CREATIVITY ***/
ul.related_sections{
	list-style: none;
	clear: both;
	margin: 0;
	padding: 0;
	}
ul.related_sections li{
	display: block;
	border: 1px solid #ccc;
	width: 233px;
	padding: 5px;
	float: left;
	height: 140px;
	overflow: hidden;
	margin: 10px 10px 0px 0px;
	font-size: 10pt;
	background-color: #f0f0f0;
	text-align: left;
	}
ul.related_sections li img.thumbnail{
	margin-top: 4px;
	}
ul.related_sections li:hover{
	background-color: #fff;
	}
/********** PRODUCTS ***********/
#content h3.product{
	font-size: 1.5em;
	color: #333;
	background: url(images/h3_product.png) center left no-repeat;
	margin-bottom: 5px;
	padding-bottom: 3px;
	padding-top: 8px;
	padding-left: 12px;
	font-weight: normal;
	clear: both;
}
#content .cat_description{
	margin-left: 25px;
}
#content .cat_description strong{
	font-size: 1.1em;
}

ul.related_products{
	list-style: none;
	clear: both;
	margin: 0;
	padding: 0;
	margin-left: 12px;
	}
ul.related_products li{
	display: block;
	width: 88px;
	float: left;
	height: 75px;
	overflow: hidden;
	margin: 10px 10px 12px 0px;
	font-size: 9pt;
	text-align: left;
	text-align: center;
	}
ul.related_products li.large{
	width: 110px;
	height: 85px;
}
ul.related_products li img.thumbnail{
	margin-top: 4px;
	}
ul.related_products li:hover{
	background-color: #fff;
	}
ul.related_products li a.title{
	height: 24px;
	line-height: 12px;
	display: block;
	overflow: hidden;
}
.related_projects{
	border: 1px solid #ccc;
	width: 472px;
	clear: both;
	margin-left: 25px;
	padding: 8px 2px 4px 8px;
	padding-top: 0px;
}
.related_projects .one_project{
	padding: 8px 0px;
	margin: 5px 4px 0px 4px;
	width: 85px;
	text-align: left;
	float: left;
}
.related_projects img.thumbnail{
	border: 1px solid #bbb;
	background-color: #fff;
	padding: 2px;
}
.related_projects img.thumbnail:hover{
	border: 1px solid #333;
	background-color: #ddd;
}
.related_projects h5{
	clear: both;
	margin: 0;
	padding: 0;
	font-size: 8pt;
	margin-bottom: 8px;
	font-weight: normal;
	height: 27px;
	line-height: 14px;
	overflow: hidden;
}
.related_projects h5 a{
}
#content .related_projects  p{
	margin: 0;
	padding: 0;
	float: left;
	font-size: 8pt;
	text-align: left;
	width: 350px;
}

/******* ARSTIC ******/

#content .online_services a{
	margin: 0px 3px;
}
#content div.arstic_basis{
	margin-top: 25px;
}
#content a.arstic_basis1, #content a.arstic_basis2{
	display: block;
	font-size: 14pt;
	font-weight: normal;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin-bottom: 22px;
}
#content a.arstic_basis1{
	float: left;
	background: url(images/arstic_basis.jpg) scroll 100% 0% no-repeat;
	width: 218px;
	height: 27px;
	padding-top: 15px;
	margin-left: 20px;
	color: #c96004;
}
#content a.arstic_basis1:hover{
	background: url(images/arstic_basis.jpg) scroll 100% 100% no-repeat;
	color: #333;
	text-decoration: underline;
}
#content a.arstic_basis2{
	float: left;
	background: url(images/arstic_basis2.jpg) scroll 100% 100% no-repeat;
	width: 218px;
	height: 27px;
	padding-top: 15px;
	color: #333;
	margin-left: 26px;
}
#content a.arstic_basis2:hover{
	background: url(images/arstic_basis2.jpg) scroll 100% 0% no-repeat;
	color: #c96004;
	text-decoration: underline;
}


/**** COLLABORATORS ****/

#content .column_left{
	width: 215px;
	float: left;
	border-right: 1px solid #aaa;
	margin-top: 20px;
	margin-right: 15px;
	padding-right: 20px;
	}
#content .column_right{
	width: 230px;
	float: right;
	margin-top: 20px;
	padding-right: 20px;
}
#content .column_left ul, #content .column_right ul{
	list-style: none;
	margin: 0;
	padding: 5px 5px 5px 22px;
	}
#content .column_left ul li, #content .column_right ul li{
	margin-bottom: 3px;
	}
#content .column_left h3, #content .column_right h3{
	color: #333;
	border-bottom: 1px solid #aaa;
	padding-bottom: 2px;
}
#content .column_left h4, #content .column_right h4{
	margin: 4px 0px 5px 8px;
}

/***** DOWNLOADS *****/

#content h6{
	font-weight: normal;
	font-size: 12pt;
	border-bottom: 1px solid #f0f0f0;
	padding-bottom: 3px;
	margin-bottom: 8px;
	margin-top: 16px;
	padding-top: 0px;
}

/**** CALENDAR ****/
.events_calendar h5{
	font-size: 10pt;
	font-weight: bold;
	border: none;
	color: #333;
	margin: 0;
	padding: 0;
}
#content .dbem-calendar{
	margin-top: 20px;
	margin-bottom: 30px;
}
#content .dbem-calendar table{
	width: 350px;
	margin-left: 80px;
}
#content .dbem-calendar table tr.days-names{
	color: #333;
	font-weight: bold;
}

/****** PIE *****/
#pie{
	clear:both;
	text-align:center;
	height: 20px;
	color: #555;
	font-size: 0.9em;
	margin: 0px;
	padding: 0px;
	padding-right: 175px;
}
#pie a, #pie a:active, #pie a:visited, #pie a:link{
	font-weight: bold;
	color: #222;
	text-decoration:none;
}
#pie a:hover{
	font-weight: bold;
	color: #db6700;
	text-decoration:none;
}
#previousnews h3{
	font-size: 1.4em;
	color:  #333;
	border-bottom: 3px solid #ec7206;
	padding-bottom: 3px;
	margin: 48px 0px 25px 0px;
}
#titulo-masnoticias h3{
	font-size: 10pt;
	padding: 0;
	margin: 0;
	margin-bottom: 10px;
	padding-top: 5px;
}
#titulo-masnoticias a{
	color: #444;
}
#titulo-masnoticias a:hover{
	color: #d96600;
}

.fecha{
	font-size: 7.5pt;
	text-align: right;
	color: #666;
	margin-top: 0px;
	padding-top: 0px;
	border-bottom: 1px solid #ccc;
}

/*--------------------sidebar--------------------*/
#sidebar{
	width: 200px;
	float: right;
	height: 650px;
	margin-top: 15px;
	margin-right: 10px;
	padding: 0px;
	/*overflow: hidden;*/	
}
* html #sidebar {
	margin: 15px 10px 0px 0px;
}
#sidebar_proyectos{
	width: 250px;
	float: right;
	margin-top: 15px;
	margin-right: 0px;
}
/*--------------------Pagebar--------------------*/

.pagebar {
	padding: 0.2em 0.5em;
	margin-right: 0.1em;
	margin-bottom: 1.0em;
	border: 1px solid #fff;
	background: #fff;
	text-decoration: none;
	clear: both;
	float: right;
}

.pagebar a{
	border: 1px solid #777;
	text-decoration: none;
	padding: 6px 5px 4px 5px;
}

.pagebar a:visited {
	border: 1px solid #777;
	text-decoration: none;
	padding: 6px 5px 4px 5px;
}

.pagebar .break {
	padding: 2px 6px 2px 6px;
	border: none;
	background: #fff;
	text-decoration: none;
}

.pagebar .this-page {
	border: 1px solid #444;
	padding: 6px 5px 4px 5px;
	font-weight: bold;
	background: #eee;
	color: #333;
}

.pagebar a:hover {
	border-color: #777;
	background-color: #888;
	color: #fff;
}

.pagebar .inactive
{
   border: 1px solid #cccccc;
	 color: #ccc;
   text-decoration: none;
	padding: 6px 5px 4px 5px;
}

.archive{
	border: 1px solid green;
}	

/********* CONTACT FORM **********/
#content .wpcf7{
	padding-left: 50px;
	text-align: left;
	font-size: 10pt;
	color: #333;
	padding-top: 2px;
}
#content .wpcf7 p{
	clear: both;
	margin-bottom: 10px;
}
#content .wpcf7 label{
	height: 20px;
	font-size: 11pt;
	color: #555;
}
#content .wpcf7 input{
	width: 320px;
	height: 18px;
	border: 1px solid #777;
	padding: 3px;
	margin: 8px 0px 5px 15px;
	font-size: 10pt;
}
#content .wpcf7 textarea{
	width: 320px;
	height: 150px;
	border: 1px solid #777;
	padding: 3px;
	margin: 8px 0px 5px 15px;
	font-size: 10pt;
}
#content .wpcf7 p.enviar input{
	width: 80px;
	text-align: center;
	font-weight: bold;
	color: #333;
	height: 25px;
	padding: 3px 5px;
}
/********** OTHER THINGS **********/
ul.back{
	clear: both;
	padding-top: 15px;
	}
h3 li{
	list-style: none;
	margin: 0;
	padding: 0;
	}
.clear{
	clear: both;
}
.left, .alignleft{
	float: left; 
	margin: 10px 15px 10px 0px;
}
.right, .alignright{
	float: right;
	margin: 10px 0px 10px 15px;
}
.center, .aligncenter{
	text-align: center;
	display: block;
	margin: 10px auto;
}