/*
Theme Name: Montecarlo
Theme URI: http://www.grupoadslzone.com/
Description: Montecarlo Theme
Version: 1.0
Author: Grupo ADSLZone
Author URI: http://www.grupoadslzone.com/
Tags: propietary
*/

/* YUI 2.0 Reset */

  body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
  table { border-collapse:collapse; border-spacing:0; }
  fieldset,img { border:0; }
  address,caption,cite,code,dfn,/*em,strong,*/th,var { font-style:normal;	font-weight:normal; }
  ol,ul { list-style:none; }
  caption,th { text-align:left; }
  h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
  q:before,q:after { content:''; }
  abbr,acronym { border:0; }

/* END: YUI 2.0 Reset */

/* Basic Tags */

html { background: #ffffff; }

body {
  background: #ffffff;
  font: normal 11px Arial, sans-serif;
}

strong { font-weight: bold; }

p { margin-bottom:13px; margin-top:13px; }

blockquote {
	margin:1em;
	padding-left:1px 0px 1px 35px;
	background:#eeeeee url(static/img/ico-quote,gif) no-repeat 10px 10px;
	color:#666666;
	overflow:hidden;
	font-size:15px;
	text-align:left;
}

/* END: Basic Tags */

/* Ringsites / Header Mashup */

#wrapper {
  clear:both;
  text-align: left;
  margin:4px 0px 0px 4px;
  margin-top:3px;
  width:996px;
  border:1px solid #ADBFD7;
}

#header {
  margin:0 auto;
  position:relative;
  width:996px !important;
  background:transparent url(static/img/body-head-bkg.gif) repeat-x scroll right 0px;
}

#header h1 {
  background:transparent url(static/img/header-logo.gif) no-repeat scroll 0px 0px;
  text-indent:-9999px;
  width:996px;
  height:90px;
}

#header h1 a {
  display:block;
  height:90px;
  width:996px;
}

#ad-left {
    background: url("/images/btn-ads.jpg") no-repeat scroll left top transparent;
    float: left;
    padding-left: 10px;
    width: 725px;
}
#ad-right {
    float: right;
    width: 251px;
}

/* END: Ringsites and Header Mashup */

/* column container */
	.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		margin:auto;
		width:996px;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;			/* width of page */
		position:relative;
	}
	.col1,
	.col2,
	.col3,
	.col4,
	.col5,
	.col6 {
		float:left;
		position:relative;
		padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
	}
	/* 3 Column settings */
	.threecol {
		background:#fff;		/* right column background colour */
	}
	.threecol .colmid {
		right:32%;			/* width of the right column */
		background:#fff;		/* center column background colour */
	}
	.threecol .colleft {
		right:35%;			/* width of the middle column */
		/* background:#F0E2CA;	* left column background colour */
		margin-left:5px;
		margin-top:5px;
	}
	.threecol .col1 {
		width:55%;			/* width of center column content (column width minus padding on either side) */
		left:100%;			/* 100% plus left padding of center column */
		padding-top: 10px;
	}
	.threecol .col2 {
		width:114px;			/* Width of left column content (column width minus padding on either side) */
		left:32%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.threecol .col3 {
		width:30%;			/* Width of right column content (column width minus padding on either side) */
		left:70%;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}
	
	.threecol .col4 { /* Interior notis */
		width:66%;			/* Width of right column content (column width minus padding on either side) */
		left:68%;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}
	
	.threecol .col5 { /* Interior notis */
		width:66%;			/* Width of right column content (column width minus padding on either side) */
		left:69%;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
    margin-top:10px;
	}
	
	.threecol .col6 { /* Interior notis */
		width:300px;			/* Width of right column content (column width minus padding on either side) */
		left:67%;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
    padding-left:10px;
    padding-top:10px;
	}
	
	.side_box {
    background:transparent url(static/img/empire-bkgmap.gif) repeat-x scroll 0px -155px;
    border-color:#4FA4C3 #4FA4C3 #BEDBE6; border-style:solid; border-width:1px;
    color:#282828;
    font:bold 14px/27px Arial,Helvetica,san-serif;
    height:28px;
    margin:0;
    padding:0 5px 0 15px;
	}
	
	.side_box_links {
    border-color:#4FA4C3 #4FA4C3; border-style:none solid solid; border-width:0 1px 1px;
    color:#333333;
    margin:0 0 10px;
    /*width:297px;*/
	}
	
	.side_box_links ul {
    float:left;
    margin-left:9px;
    width:130px;
	}
	
	.side_box_links li {
    background:transparent url(static/img/box-dots.gif) repeat-x scroll left bottom;
    margin:0 8px;
	}
	
	.side_box_links li a {
    display:block;
    padding:3px 0;
    color: #1E5B7E;
	}
	
	.sidebar_left {
    background-color:#F1F4F6;
    margin-bottom:15px;
    margin-left:8px;
    margin-top:8px;
  }
  
  .sidebar_left li.first {
    background:transparent url(static/img/empire-bkgmap.gif) repeat-x scroll 0px -104px;
    display:block;
    font-weight:bold;
    margin-bottom:-5px;
    padding:6px 15px 13px;
    text-decoration:none;
    border-bottom:0;
    color:#000000;
  }
  
  .sidebar_left li {
    border-color:#CED5DB #CED5DB;
    border-style:none solid solid;
    border-width:medium 1px 1px;
  }
  
  .sidebar_left a {
    display:block;
    padding:5px 10px 5px 15px;
  }
  
  .sidebar_left a, #sidebar_left a:link, #sidebar_left a:hover {
    color:#1E5B7E;
    cursor:pointer;
    outline-color:-moz-use-text-color;
    outline-style:none;
    outline-width:medium;
    text-decoration:none;
  }
  
  .sidebar_left a:hover {
    text-decoration:underline;
  }
  
  .hentry h1, h1.search, h1.hentry {
    color:#003872;
    font-family:Arial,Verdana,sans-serif;
    font-weight:normal;
    margin-bottom:10px;
    font-size:24px;
    line-height:26px;
  }
  
  h1.search {    
    margin-top:5px;
  }
  
  .hentry h1 a {
    color:#003872;
    text-decoration:none;
  }
  
  .hentry h1 a:hover {
    color: #3165b0;
    text-decoration:underline;
  }
  
  .entry {
    color:#666666;
    font-family:Arial,Helvetica,sans-serif;
    font-size:11px;
    font-weight:normal;
    /*line-height:18px;*/
    padding-bottom:15px;
    margin-top:10px;
    text-align:justify;
  }
  
  .entry img {
    padding:2px;
    margin-bottom:5px;
  }
  
  .entry a {
    color: #1E5B7E;
    text-decoration: none;
  }
  
  .entry a:hover {
    color: #1E5B7E;
    text-decoration: underline;
  }
  
  .comments a {
    color:#84A6C1;
    font-weight:bold;
    text-decoration:none;
  }
  
  .post, .page {
    padding:4px;
  }
  
  
  /*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

  img.centered { display: block; margin: 0 auto 0 auto; }

  img.alignright { padding: 4px 0px 15px 4px; margin: 0 0 2px 7px; display: inline;}

  img.alignleft {
    padding-top: 4px;
    padding-right: 4px;
    padding-bottom: 4px;
    margin: 0 7px 2px 0;
    display: inline;
    }

  .alignright {
    float: right;
    }

  .alignleft {
    float: left
	}
/* End Images */

.entry_bottom {
  background-color:#CDCDCD;
  height:1px;
  overflow:hidden;
  clear:both;
  margin-top:15px;
}

p.antetitulo {
  color:#2D6A95 !important;
  font-family:Arial,Helvetica,sans-serif;
  font-size:12px;
  font-weight:bold;
  margin:0 0 5px 2px;
}

.seccion {
  color:#2D6A95 !important;
  font-family:Arial,Helvetica,sans-serif;
  font-size:12px;
  font-weight:bold;
  line-height:16px;
}

.seccion a {
  color:#2D6A95 !important;
  font-family:Arial,Helvetica,sans-serif;
  font-size:12px;
  font-weight:bold;
  line-height:16px;
}

.rss_mini {
  background: transparent url(static/img/empire-imagemap.gif) no-repeat scroll -7px -334px
}

#footer {
  background:#FFFFFF url(static/img/empire-bkgmap.gif) repeat-x scroll 0px -206px;
  padding:10px 15px;
}

.footer_column {
  float:left;
  padding:0 7px 0 8px;
  width:160px;
}

.footer_column li {
  padding:0 0 5px;
}

.footer_column a {
  color:#565656;
  text-decoration:none;
}

.footer_column a:hover {
  color:#565656;
  text-decoration:underline;
}

h3#comments {
  background:transparent url(static/img/ico-comillas.gif) no-repeat scroll top left;
  color:#003872;
  font-size:20px;
  padding-left:35px;
  line-height:1.4em;
  padding-bottom:25px;
}



ol.commentlist { list-style:none; margin:0; padding:0; }
ol.commentlist li { border:1px solid #A6C8D9; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin:0 0 10px; padding:5px 7px 5px 64px; position:relative; }
ol.commentlist li.pingback comment-author { padding:0 170px 0 0; }
ol.commentlist li div.vcard { font-weight:bold; font-size: 11px; line-height: 16px; font-family: arial,helvetica,sans-serif; }
ol.commentlist li div.vcard cite.fn { color:#006600; font-style:normal; font-size: 11px; }
ol.commentlist li div.vcard cite.fn a.url { color:#006600; text-decoration:none; }
ol.commentlist li div.vcard cite.fn a.url:hover { color:#000; }
ol.commentlist li div.vcard img.avatar { background: #fff; border:1px solid #aaa; padding: 5px; left:7px; position:absolute; top:7px; }
ol.commentlist li div.comment-meta { font-weight:bold; font-size: 10px; line-height: 16px; font-family: arial,helvetica,sans-serif; position:absolute; right:10px; text-align:right; top:5px; }
ol.commentlist li div.comment-meta a { color:#205B87; text-decoration:none; }
ol.commentlist li p { font-weight:normal; font-size: 12px; line-height: 16px; font-family: arial,helvetica,sans-serif; margin:5px 0 12px; }
ol.commentlist li ul { font-weight:normal; font-size: 12px; line-height: 16px; font-family: arial,helvetica,sans-serif; list-style:square; margin:0 0 12px; padding:0; }
ol.commentlist li div.reply { text-align:center;font-size:9px;width:70px;background-color:#3399ff;color:#ffffff;border:1px solid #ffffff;padding:1px; }
ol.commentlist li div.reply:hover { }
ol.commentlist li div.reply a { color:#fff; text-decoration:none; text-transform:uppercase; }
ol.commentlist li ul.children { list-style:none; margin:12px 0 0; text-indent:0; }
ol.commentlist li.depth-1 { background:#e8eef3; margin:0 0 3px; }
ol.commentlist li ul.children li.depth-2 { background:#ffffff; margin:0 0 3px; }
ol.commentlist li ul.children li.depth-3 { background:#f6f6f6; margin:0 0 3px; }
ol.commentlist li ul.children li.depth-4 { background:#ffffff; margin:0 0 3px; }
ol.commentlist li ul.children li.depth-5 { background:#f6f6f6; margin:0 0 3px; }
/*ol.commentlist ul.children li.odd { background:#fff; }
ol.commentlist ul.children li.even { background:#f6f6f6; }*/
ol.commentlist li.pingback div.vcard { padding:0 170px 0 0; }

#commentform input { font-family: arial; font-size: 12px; padding:4px; }
#commentform textarea { font-family: arial; font-size: 12px; width: 645px; padding:4px; }

/* FICHAS */

.specs table {
background:#F1F0E5 none repeat scroll 0 0;
border-bottom:1px solid #FFFFFF;
border-top:1px solid #F1F0E5;
text-align: left;
width: 695px;
}

.specs th {
border-right:1px solid #FFFFFF;
color:#4B3C23;
font-weight:bold;
text-transform:uppercase;
width:90px;
}

.specs th, .specs td {
font-family:Arial;
font-size:12px;
padding:1px 6px;
vertical-align:top;
}

.specs td.ttl {
color:#7D7464;
font-weight:bold;
width:160px;
}
.specs td {
background:#F7F6F1 none repeat scroll 0 0;
border-bottom:1px solid #F1F0E5;
}
.specs .nfo { color:#000000; }

#foto-ficha {
  float:left;
  width: 150px;
}

#tabla-ficha {
  float:left;
  width: 695px;
  clear:right;
}

.phone {
  float:left;
  width:111px;
  margin-left:4px;
  margin-right:4px;
  border:1px solid #cccccc;
  height:152px;
}

.phone:hover {
  border:1px solid #999999;
}

#tabnav li {
background-color:#EEEEEE;
border-color:#96A5B3 #96A5B3;
border-style:solid solid none;
border-width:1px 1px 0;
color:#222222;
cursor:pointer;
float:left;
font-weight:bold;
margin-bottom:-1px;
margin-right:3px;
position:relative;
z-index:30;
}

#tabnav li a {
  background:#F3F3F3 url(static/img/body-sitenav.png) no-repeat scroll left center;
  color:#555555;
  display:block;
  font-weight:bold;
  height:15px;
  overflow:hidden;
  padding:6px 10px 6px 12px;
  text-decoration:none;
}

#tabnav li a:hover, #tabnav li .selected {
  background:#FFCC00 url(static/img/body-sitenav.png) no-repeat scroll left center;
  color:#000000;
}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
	/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
/* End Images */

ol.commentlist a {color:#1E5B7E;}

.footer-adslzone {
  display:block;
  width:261px;
  height:35px;
  background: transparent url(static/img/mz-imagemap.gif) no-repeat scroll -6px -132px;
}

.footer-cc {
  display:block;
  width:261px;
  height:35px;
  background: transparent url(static/img/mz-imagemap.gif) no-repeat scroll -6px -242px;
}

.footer-xhtml {
  display:block;
  width:261px;
  height:35px;
  background: transparent url(static/img/mz-imagemap.gif) no-repeat scroll -6px -190px;
}




#subtexto {
text-align:left;
width:640px;
background:#FFFEEB none repeat scroll 0 0;
}
div#subtexto .head {
background:#F2F1DF none repeat scroll 0 0;
border-top:1px solid #D9D8C8;
padding:7px 12px 8px;
}
div#subtexto div.image {
background:#FFFEEB none repeat scroll 0 0;
float:left;
padding:12px 0 0 12px;
width:103px;
}
div#subtexto div.subcontenido {
background:#FFFEEB none repeat scroll 0 0;
float:left;
min-height:108px;
padding:12px 12px 6px;
width:500px;
}

#news {
  width:640px;
  margin:0 auto 15px;
  
}

#news .title {
  border-bottom:1px solid #1E5B7E;
  color:#1E5B7E;
  font-family:'Trebuchet MS',Verdana,sans-serif;
  font-size:17px;
  padding-bottom:2px;
}

#news li {
  border-bottom:1px solid #E2E2E2;
  padding:4px;
}

#news li a {
  color:#034377;
  font-size:10px;
  font-family:Verdana,sans-serif;
}

#content li {
  padding:4px;
}

#news a {
  color:#1E5B7E;
}