/* IMPORT CORE CSS FILES */
@import url(type.css);
@import url(nav.css);
@import url(form.css);
@import url(modules.css);

/* NORMALIZES Browers Styles */

* { margin:0;padding:0; } /* removes defaults from all elements */

ul {
	list-style:none; /* removes list-styles from lists */
}
a {
	text-decoration: none; 
}
table {
	border-collapse:collapse;
}
fieldset,img {
	border: 0; 
}
dl {
	clear:both;
	height:100%;
}
dt,dd {
	float:left;
}
/* = CLEARING
---------------------------------------------------------
*/

.stretch,
.clear
{
	clear: both; 
	height: 1px; 
	margin: 0; 
	padding: 0; 
	font-size: 15px;
	line-height: 1px;
}

.clearfix:after
{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both;
	visibility: hidden;
}

/* fix for IE7 */
.clearfix
{
	display: inline-block;
}

/* Show to IE-pc only */
* html .clearfix
{
	/* Hide from IE-mac \*/
	height: 1px;
	/* End hide from IE-mac */
}

/* END CLEARING
--------------------------------------------------------------
*/
/*---------------------------------------------------------- */
/*  Layout Styles includes display properties,               */
/*						   floats ans positioning,           */ 
/*						   widths and heights,               */
/*						   paddings and margins              */
/*---------------------------------------------------------- */
/* = LAYOUT: TABLE OF CONTENTS
    1. = BODY & PAGE
    2. = HEADER
    3. = CONTENT
    4. = FOOTER
---------------------------------------------------------
*/
/* = BODY & PAGE
---------------------------------------------------------
*/
#wrapper{
	width:100%;
	float:left;
	padding:0;
	margin:0;
}
#subwrapper{
	width:100%;
	float:left;
	padding:0;
	margin:0;
}
#container {
	width:978px;
	margin:0 auto;
	position: relative;
	padding:0;
	height:510px;
}
/* END BODY & PAGE
---------------------------------------------------------
*/

/* = HEADER
---------------------------------------------------------
*/
#header {
	position:relative;
	width:100%;
	height:150px;
	margin:0;
}
#header h1 { 
	margin:0 ;
	border-top:0;
}
h1.logo a{ 
	position:absolute;
	top:0;
	left:0;
	width:160px;
	height:150px;
	z-index:1000;
}
h1.logo a:hover{
	border:0;
}

/* END HEADER
---------------------------------------------------------
*/

/* = CONTENT
---------------------------------------------------------
*/
#body {	
	position:relative;
	float:left;
	width:100%;
}
#content {
	width:978px;
	min-height:300px;
	float:left;
	margin:0;
	padding:10px 0 50px 0;
}
.home #content, .empresa #content, .servicios #content, .situacion #content, .contacto #content, .legal #content {
	width:894px;
	min-height:300px;
	float:right;
	margin:0;
}
.empresa #content, .servicios #content, .situacion #content, .contacto #content, .legal #content {
	width:810px;
}

div.main{
	float:right;
	width:474px;
	padding-bottom:20px;	
}
div.side{
	float:left;
	clear:left;
	width:474px;
	padding-bottom:20px;	
}


div.col02{
	float:left;
	width:474px;
	margin:0 15px;
}

div.col03{
	float:left;
	width:222px;
	margin:0 15px;
}
div.col04 {
	float:left;
	width:306px;
	margin:0 15px;
}
div.col05 {
	float:left;
	width:390px;
	margin:0 15px;
}
div.col06 {
	float:left;
	width:474px;
	margin:0 15px;
}

div.first{
	margin-left:0;
}
div.last{
	margin-right:0;
}

/* END CONTENT
---------------------------------------------------------
*/

/* = FOOTER
---------------------------------------------------------
*/
#footer-wrapper{
	width:100%;
	float:left;
}
#footer-container {
	width:978px;
	margin:0 auto;
}
#footer {
	float:left;
	width:100%;
	height:90px;
	padding:20px 0 0 0	;
}

#footer div.main{
	float:left;
	width:306px;
	min-height: inherit;
	padding:10px 0 0 0;
	margin:0 0 10px;	
	clear: none;
}
#footer div.side{
	float:right;
	width:306px;
	min-height: inherit;
	padding:10px 0 0 0;
	margin:0 0 10px;
	clear: none;
}

#footer p{
	margin:0 !important;
}

/* = politica de cookies
---------------------------------------------------------*/
#cookies_msg_subwrapper{
	position: fixed; 
	bottom:0px!important; 
	width:100%; 
	z-index:100;
	line-height:1.9em;
	padding:1em 0px; 
	text-align: center; 
	font-size: 1.1em;
	letter-spacing: .03em;

	/*light*/
	/*border-top: solid 1px #FFF; 
	color:#666; 
	background: #EEE; */

	/*dark*/
	border-top: solid 1px #666; 
	background: #232323; 
	color:#DDD;
}
#cookies_msg_subwrapper span, #cookies_msg_subwrapper a{
	display:inline-block;
	padding:5px 8px; 
	margin:0 0 0 2px;
	cursor: pointer; 
	white-space: nowrap;
	border-radius:3px;

	/*light*/
	/*background: #666; 
	color:#EEE; 
	border-bottom:1px solid #444;*/

	/*dark*/
	
	background: #111; 
	color:#CCC; 
	border-bottom:1px solid #000;
}
#cookies_msg_subwrapper span:hover, #cookies_msg_subwrapper a:hover{
	
	/*light*/
	/*background: #232323; 
	color:#FFF; 
	border-bottom:1px solid #000;*/	

	/*dark*/

	background: #fcd230; 
	color:#000; 
	border-bottom:1px solid #000;
}


/* END FOOTER
---------------------------------------------------------
*/

#content-error{
	width:100%;
	position:relative;
	padding:1.5em;
	border: 1px solid #cc0000;
	text-align:center;
	float:left;
	margin-top:15px;
	margin-bottom:15px;
	color:#cc0000;
	font-size: 1.5em;
	background-color: #ffeeee;
	box-sizing: border-box;
}
