/*=== Setup ===*/
*{
	border: 0;
	margin: 0;
	padding: 0
}
body{
	background: #ffffff;
	color: #000000;
	font: .7em Arial,Verdana,Helvetica,Sans-Serif;
	padding: 0 0 20px
}
a{
	color: #2E79AF;
	text-decoration: none;
	outline: none;
	font-weight: 500;
}
a:hover{
	color: #2E79AF;
	text-decoration: underline;
}
li{list-style: none}

ul.sample {
	list-style-type: square;
	list-style-image: inherit;
	list-style-position: inside;
}
h2{
	color: #282828;
	font-size: 1.8em;
	margin: 0 0 1em
}
h3{
	color: #00477d;
	font-size: 1.4em;
	margin: 0 0 .5em
}
h4{
	color: #4a4a4a;
	font-size: 1.1em;
	margin: 0 0 .5em
}
h5{
	color: #474747;
	font-size: 1em;
	margin-bottom: .4em;
}
p{
	padding: 0 0 1em
}


.linksenblanco a {
	color: #F7F7F2;
}

.linksenblanco a:hover {
	color: #FFF;
}
.linksenblanco a:visited {
	color: #FFF;
}

/*=== Apple ===*/

.cuadrada1
{
padding:3px;
	color: #FFF;
background-color: #CAE2F4;
}

#breadcrumb
{
    font: .8em Arial, Helvetica, sans-serif;
    background-image:url('http://www.elegircolegio.com/images/temp/bc_bg.png'); 
    background-repeat:repeat-x;
    height:26px;
    line-height:26px;
    color:#9b9b9b;
    border: solid 1px #E1E1E1;
    width:730px;
    overflow:hidden;
    margin:0px;
    padding:0px;
}
#breadcrumb li 
{
    list-style-type:none;
    float:left;
    padding-left:10px;
}
#breadcrumb a
{
    height:26px;
    display:block;
    background-image:url('http://www.elegircolegio.com/images/temp/bc_separator.png'); 
    background-repeat:no-repeat; 
    background-position:right;
    padding-right: 15px;
    text-decoration: none;
    color:#454545;
}
.home
{
    border:none;
    margin: 8px 0px;
}

#breadcrumb a:hover
{
	color:#2E79AF;
}


/*=== Layout ===*/
#page{
	margin: 0 auto;
	width: 940px
}
/*=== Header ===*/
#header{
	/*- border-bottom: 1px double #2E79AF; -*/
	height: 73px
}
/*- Logo -*/
#header h1{
	background: url(http://www.elegircolegio.com/images/estructura/logo.jpg) no-repeat;
	float: left;
	margin: 0 20px 0 0;
	text-indent: -9999px;
	width: 450px
}
#header h1 a{
	display: block;
	height: 73px
}
#header h1 a:hover{
	text-decoration: none
}
/*=== Navigation ===*/
/*- Nav1 -*/
#top-nav{
	font-size: 11px;
	font-weight: bold;
	height: 20px;
	text-transform: uppercase
}

#top-nav ul{
	padding: 25px 0 0
}
#top-nav li{
	float: left;
	line-height: 20px;
	margin: 0 18px 0 0
}
#top-nav li a{
	border: 1px solid #c8c8c8;
	color: #484848;
	display: block;
	float: left;
	padding: 0 0 0 5px;
	width: 95px
}
#top-nav li a:hover,
#top-nav li.active a{
	background: #2E79AF;
	border: 1px solid #00add2;
	color: #ffffff;
	text-decoration: none
}
/*- Nav2 -*/
#crumbs{
	background: #f8f8f8;
	border: 1px solid #d8d8d8;
	font-size: 11px;
	height: 23px;
	margin: 0 0 12px
}
#crumbs li{
	float: left;
	line-height: 23px
}
#crumbs li a{
	background: url(http://www.elegircolegio.com/images/temp/crumbs-s.gif) no-repeat right;
	color: #2E79AF;
	display: block;
	float: left;
	padding: 0 17px 0 10px
}
#crumbs li a:hover,
#crumbs li.active a{
	color: #000000;
	text-decoration: none
}
#crumbs li.last{
	float: right;
	font-size: 14px;
	font-weight: bold
}
#crumbs li.last a{
	background: #2E79AF;
	color: #ffffff;
	padding: 0 7px
}
#crumbs li.last{
	float: right;
	font-size: 14px;
	font-weight: bold
}
#crumbs li.last2{
	float: right
}
#crumbs li.last2 a{
	background: url(http://www.elegircolegio.com/images/temp/crumbs-s.gif) no-repeat left;
	color: #000000;
	padding: 0 10px 0 15px
}
/*- Nav3 -*/
.details-nav{
	background: url(http://www.elegircolegio.com/images/temp/hl-dot00.gif) #FFF repeat-x bottom;
	font-size: 11px;
	height: 27px;
	margin-bottom: 2em;
}
.details-nav ul{
	padding: 5px 6px 0
}
.details-nav li{
	float: left;
	line-height: 22px
}
.details-nav li a{
	background: url(http://www.elegircolegio.com/images/temp/details-.gif) no-repeat left;
	color: #585858;
	display: block;
	float: left;
	padding: 0 0 0 12px;
	margin-left: 4px;
	text-decoration: none
}
.details-nav li a span{
	background: url(http://www.elegircolegio.com/images/temp/details-.gif) no-repeat right;
	display: block;
	float: left;
	height: 22px;
	padding: 0 18px 0 0
}
.details-nav li.active a{
	background: url(http://www.elegircolegio.com/images/temp/details0.gif) no-repeat left;
	color: #484848;
}
.details-nav li.active a span{
	background: url(http://www.elegircolegio.com/images/temp/details0.gif) no-repeat right
}
.details-nav li a:hover{
	background: url(http://www.elegircolegio.com/images/temp/details1.gif) no-repeat left;
	color: #484848;
	cursor: pointer;
	text-decoration: none
}
.details-nav li a:hover span{
	background: url(http://www.elegircolegio.com/images/temp/details1.gif) no-repeat right;
}
/*- Nav4 -*/
.tags-nav{
	margin: 0 0 15px;
	background-color: #fbfbfb;
}
.tags-nav li{
	border-bottom: 1px solid #d8d8d8;
	margin: 0 0 1px;
	height: 2em;
}
.tags-nav li a{
	color: #484848;
	display: block;
	height: 2em;
	line-height: 2em;
	padding: 0 0 0 7px
}
.tags-nav li a:hover,
.tags-nav li.active a{
	background: #686868;
	color: #FFF;
	text-decoration: none
}
.tags-nav li.del{
	background: #686868;
	color: #ffffff;
	line-height: 2em;
	padding: 0 0 0 7px
}
.tags-nav li.del span{
	float: left
}
.tags-nav li.del a{
	display: inline;
	float:right; 
	height: 2em
}
.tags-nav li.del img{
	float: right;
	margin: .5em 5px 0 0
}
/*- User Nav -*/
.user-nav{
	float: right;
	font-size: 12px;
font-weight:900;
	padding: 5px 0 0
}
.user-nav a{
	padding: 0 5px
}
/*- Paging Nav -*/
.paging{
	font-size: 11px;
	height: 20px
}
.paging li{
	float: left;
	height: 1%;
	margin: 0 8px 0 0
}
.paging li a{
	border: 1px solid #c8c8c8;
	display: block;
	float: left;
	padding: 2px 5px
}
.paging li a:hover,
.paging li.active a{
	background: #2E79AF;
	border: 1px solid #00add2;
	color: #ffffff;
	text-decoration: none
}

/*=== Home ===*/
#home-banner {
	height: 215px;
	/* margin-bottom: 1.6em; */
	position: relative;
	color: #2E79AF;
}

#home-banner h1 { font-size: 24px; color: #FFF; }
#home-banner h2 { font-size: 18px; font-weight: normal; color: #FFF; margin: 10px 0 0 50px; }

.banner-bookmark {
	background-color: #2E79AF;
	background-image: url(http://www.elegircolegio.com/images/es/bannerindex.gif);
	background-repeat: no-repeat;
	background-position: right;
}
.banner-bookmark h1 { margin: 0 0 0 50px; padding-top: 40px; }

.banner-share { background: #2E79AF; }
.banner-share h1 { margin: 0 0 0 50px; padding-top: 36px; }

.banner-tools { background: #2E79AF; }
.banner-tools h1 { margin: 0 0 0 50px; padding-top: 28px; }

.sign-up { margin: 20px 0 0 50px;}
.sign-up img{
	margin-right: 10px;
	border: 1px solid #FFF;
}

/*=== Headings ===*/
.hdr{
	font-size: 11px;
	height: 25px;
	padding: 20px 0 10px;
	width: 760px
}
.hdr h2{
	float: left;
	font-size: 20px;
	margin: 0 10px 0 0
}
.hdr h1{
	float: left;
	font-size: 31px;
font-weight: 900;
	color:#000;
	margin: 0 5px 0 0px;
}
.hdr2{
	background: #e8e8e8;
	height: 25px;
	padding: 0 0 0 7px
}
.hdr2 h5{
	font-size: 11px;
	line-height: 25px
}
.hdr-listing{
	height: 2em;
	margin: 0 0 .5em 0;
}
.hdr-listing h3{
	float: left;
	margin: 0 15px 0 0;
}
/*=== All Columns ===*/
#columns{
	height: 1%;
	padding: 0 0 20px
}
/*=== Center Column ===*/
#centercol{
	float: left;
	width: 760px
}

#sign-up #centercol {
	width: 440px;
}

/*=== Right Column ===*/
#rightcol{
	float: right;
	width: 160px
}

#sign-up #rightcol {
	width: 440px;
}
/*=== Sub Columns ===*/
.col1{
	float: left;
	margin: 15px 20px 10px 10px;
	width: 92px;
}
.col2{
	float: left;
	width: 606px;
}
.col3{
	color: #333333;
	float: left;
	padding: 10px 0 20px;
	width: 177px;
}
.col4{
	color: #333333;
	float: right;
	font-size: 1.1em;
	padding: 10px 0 10px;
	width: 580px
}

.col4 p {
	line-height: 1.4em;
}

col3 h5 {
	display: inline;
}
.col6{
	float: left;
	width: 760px
}
span.private {
	background-color: #FFCCCC;
	color: #990000;
	border: 1px solid #FF9999;
	padding: 0em .4em;
	margin-left: .4em;
}

span.delete img{
	vertical-align: bottom;
	margin-left: .4em;
}

span.delete a {
	cursor: pointer;
}


/*=== Styling Boxes ===*/

.video-signup {
	margin-top: 20px;
	width: 400px;

	height: 300px;
	background: #2E79AF;
}

/*- Notes -*/
.notes{
	background: #CAE2F4;
	border: 2px solid #84C3F8;
	height: 1%;
	margin: 0 0 22px;
	padding: 8px 12px 5px
}
.notes h5{
	font-style: italic;
	font-weight: normal;
	margin: 0 0 .5em
}
/*- Price Badge -*/
.price{
	background: #e8e8e8;
	border: 1px solid #D8D8D8;
	float: right;
	font-size: 13px;
	font-weight: bold;
	/* margin: -5px 0 0; */
margin:0px;
	padding: 5px 10px;
	position: relative
}
/*- Sub Information Bar -*/
.info-bar{
	background:#F9F9F9;
	border-bottom: 1px solid #D8D8D8;
	clear: both;
	color: #2E79AF;
	font-size: 11px;
	height: 25px;
	line-height: 25px;
	margin: 0 0 30px 0px;
	padding: 0 0 0 7px
}

/*=== Link Buttons ===*/
.btn-rss{
	float: left;
	margin: 6px 0 0
}
.btn-bookmark{
	background: url(http://www.elegircolegio.com/images/temp/ico-newb.gif) no-repeat left;
	float: right;
	font-weight: bold;
	margin: 5px 0 0;
	padding: 0 0 0 15px
}
.btn-editd{
	font-size: 11px;
	font-weight: normal;
	color: #b8b8b8;
	overflow: auto;
	padding-bottom: 20px;
	padding: .4em 0 0 0;
}
.btn-editd a{
	color: #b8b8b8;
	padding: 0 3px
}
.btn-updpic{
	background: url(http://www.elegircolegio.com/images/temp/ico-phot.gif) no-repeat left;
	color: #787878;
	padding: 0 0 0 20px
}
.btn-comments{
	background: url(http://www.elegircolegio.com/images/temp/ico-comm.gif) no-repeat left;
	float: left;
	padding: 0 0 0 20px;
	width: 88px
}
.btn-tags{
	/* background: url(http://www.elegircolegio.com/images/temp/ico-tags.gif) no-repeat left; */
	float: left;
	padding: 0 0 0 0px
}
.btn-details{
	float: right;
	background: #686868;
}

.btn-details a {
	font-size:  12px;
	background: #686868;
	padding: 0 10px;
	display: block;
	color: #FFF;
}

.btn-details a:hover {
	background: #2E79AF;
	text-decoration: none;
	padding: 0 10px;
	display: block;
}

/*=== Pics, Ads etc. ===*/
/*- Ads -*/
.ad1{
	background: #d8d8d8;
	height: 90px;
	margin: 0 0 15px;
	overflow: hidden;
	text-align: center
}
.ad2 img{
	display: block;
	margin: 0 0 1em
}
/*=== Footer ===*/
#footer{
	background: #686868;
	color: #ffffff;
	font-size: 11px;
	height: 25px;
	line-height: 25px;
	padding: 0 5px
}
#footer a{
	color: #ffffff
}
#footer li{
	background: url(http://www.elegircolegio.com/images/temp/footer-l.gif) no-repeat right;
	float: left
}
#footer li a{
	margin: 0 8px 0 5px
}
#footer li.last{
	background: none
}
/*=== Misc. ===*/
.fix{
	clear: both;
	height: 1px;
	margin: -1px 0 0;
	overflow: hidden
}
.hl{
	border-top: 1px solid #e5e5e5;
	clear: both;
	height: 2px;
	margin: 0 0 7px;
	overflow: hidden
}
.fl{
	float: left
}
.fr{
	float: right
}

#header h1.pro{
	background: url(http://www.elegircolegio.com/images/temp/logo_pro.gif) no-repeat;
}

.dashboard h4{
	background: #e4e4e4;;
	padding: 2px 7px;
	font-size: 14px;
	line-height: 25px;
	margin-bottom: 0;
}

#pricing-group {
	float: left;
}

.avg-pricing{
	width: 280px;
	margin: 0 0 30px;
	background-color: #f8f8f8;
}
	.avg-pricing table {
		font-size: 12px;
		width: 100%;
		background: #f8f8f8;
		padding: 0;
		border: 0;
	}
		.avg-pricing table td{
			border-top: 1px solid #d8d8d8;
		}
		
		.avg-pricing table td.usr {
			padding: 6px 0 6px 6px;
		}
		
		.avg-pricing table td.avg-price {
			width: 80px;
			text-align: right;
			padding: 6px 6px 6px 0;
		}
		
		.avg-pricing table tr.sum {
			background: #e8e8e8;
			font-weight: bold;
			border-bottom: 1px solid #d8d8d8;			
		}

.pipe-forecast{
	width: 280px;
	margin: 0 0 30px;
	background-color: #f8f8f8;
}

	.pipe-forecast .net {
		font-size: 28px;
		font-weight: bold;
		padding: 10px 0;
		text-align: center;
		background: #2E79AF;
		color: white;
	}
	
	.pipe-forecast .formula {
		text-align: center;
		background: #e8e8e8;
		padding: 6px 0;
		color: #484848;
	}
	
.dash-events {
	width: 460px;
	float: right;
	background: #f8f8f8;
	border-bottom: 1px solid #d8d8d8;
	height: 295px;	
}

.dash-events h5 {
	padding: 4px 7px;
	font-size: 12px;
	font-weight: bold;
	color: #686868;
}
	
.dash-events ul li {
	font-size: 11px;
	margin-left: 10px;
	padding-left: 27px;
	margin-bottom: 6px;
}

.dash-events ul li.pictures {background: url(http://www.elegircolegio.com/images/temp/ico-phot.gif) no-repeat left 2px;}
.dash-events ul li.price-change {background: url(http://www.elegircolegio.com/images/temp/ico-pric.gif) no-repeat left 2px;}
.dash-events ul li.off-market {background: url(http://www.elegircolegio.com/images/temp/ico-stat.gif) no-repeat left 2px;}

.dash-domains {
	clear: both;
}


 .focalizarimagen 
 {
 	border:1px solid #CCCCCC;
 }
.titulosconfondo 
{
	background-color:#2E79AF;
	font-size:12px;
	color:#FFFFFF;
	height:18px;
	font-family:Arial, arial;
	padding-top:2px;
	padding-right:7px;
	padding-bottom:2px;
	padding-left:7px;
	font-weight:800;
}


a.rounded, .button {
  outline: none;
  border: none;
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
  vertical-align: middle; /* or top */
  display: -moz-inline-box;
  display: inline-block;
  overflow: visible; /* IE6 form button fix */ 
}
.button {
  color: #000;
  background-color: #acc;
  padding: 5px 7px;
}
.button:hover {
  background-color: #cee;
}




/* form styles */

form {
	width: 360px;
	text-align: left;
}

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

legend {
	display: none;
}

form h3 {
	clear: both;
	padding: 5px 0px 10px 0px;
	font-size: 14px;
}

form label {
	display: block;
	width: 310px;
	font-size: 11px;
font-family: Arial;
	line-height: 14px;
	padding: 0px 0px 12px 0px;
}

form input {

	margin-top: 3px;

}

form select {
	float: left;
/*	display: block; */
}

form label.field-first,
form label.field-address,
form label.field-city,
form label.field-email {
	clear: left;
}


form label.field-first,
form label.field-last,
form label.field-city,
form label.field-email,
form label.field-phone {
	float: left;
	margin: 0px 10px 0px 0px;
	width: 150px;
}

form label.field-first input,
form label.field-last input,
form label.field-email input,
form label.field-city input,
form label.field-phone input {
	float: left;
	width: 150px;
	padding: 0px;
border: 1px solid #ccc;
}

form label.field-state {
	float: left;
	margin-right: 10px;
	width: 60px;
}

form label.field-state select {
	width: 60px;
	float: left;
	margin-top: 3px;
}

form label.field-zip {
	float: left;
	width: 80px;
}

form label.field-zip input {
	float: left;
	width: 80px;
}

form label.field-address {
	float: left;
	width: 310px;
	margin: 0px 0px 0px 0px;
}

form label.field-address input {
	float: left;
	width: 310px;
	padding: 0px;
border: 1px solid #ccc;
}

form input#radiobutton_1,
form input#radiobutton_2,
form input#radiobutton_3,
form input#radiobutton_4 {
	clear: left;
	float: left;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}

form label.radioitem {
	clear: none;
	margin: 0px 0px 0px 25px;
	padding: 0px 0px 15px 0px;
}

textarea {
	display: block;
}

form input#checkbox_1,
form input#checkbox_2,
form input#checkbox_3 {
	clear: both;
	float: left;
	padding: 0px;
	margin: 0px;
}

form label.field-checkbox {
	clear: none;
	margin: 0px 0px 0px 25px;
	padding: 0px 0px 15px 0px;
}

form textarea {
	margin-top: 3px;
border: 1px solid #ccc;
}


/*=== Google Maps Styles ===*/

      .estyle1 {
        background-color:#ffffff;
        border:3px black solid;
      }
      .estyle2 {
        background-color:#ffffff;
        border:1px black solid;
      }
      .estyle3 {
        background-color:#ffffff;
        border:10px black solid;
        padding: 10px;
      }
      .estyle4 {
        background-color:#ffffff;
        border:10px black double;
        padding: 10px;
      }
      .estyle5 {
        background-color:#ffffff;
        border-bottom:3px black solid;
        border-left:3px #aaaaaa solid;
        border-top:3px #aaaaaa solid;
        border-right:3px black solid;
        padding: 5px;
      }
      .estyle6 {
        background-color:#ffffff;
        border:2px black solid;
      }

.highlightit img{
border: 1px solid #CECECE;
padding: 5px;
background: #fff;
}

.highlightit:hover img{
border: 1px solid #CECECE;
padding: 5px;
background: #000;
}

.highlightit:hover{
color: red; /* Dummy definition to overcome IE bug */
}

.highlightitbig img{
border: 1px solid #CECECE;
padding: 8px;
background: #fff;
}

.highlightitbig:hover img{
border: 1px solid #CECECE;
padding: 8px;
background: #000;
}

.highlightitbig:hover{
color: red; /* Dummy definition to overcome IE bug */
}



#links ul {  
list-style-type: none;  
text-align:center;
width: 220px;  
background: #FFF;
}  
  
#links li {  
margin: 5px 0;  
text-align:center;
}  
  
#links li a {  
color: #FFF;  
display: block;  
padding: 5px;  
text-decoration: none;  
border: 5px solid #CAE2F4; 
background: #2E79AF;
text-align:center;
}  
  
* html #links li a {  /* hacer que el efecto funcione en IE */  
width: 220px;  
background: #2E79AF;
text-align:center;
}  
  
#links li a:hover {  
background: #2E79AF;  
border: 5px solid #000; 
text-align:center;
}