/*
Theme Name: Nido Alamitos
Theme URI: http://wordpress.org/
Description: This theme is based on kubrick theme.
Version: 0.9
Author: Roy Riojas
Author URI: http://royriojas.blogspot.com/
Tags: blue, custom header, fixed width, two columns, widgets

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/



/* Begin Typography & Colors */
html { background: #9db622; }

* { outline:none; }
body {
	font-size: 16px; /* Resets 1em to 10px */
	font-family: 'Calibri', 'Trebuchet MS', Tahoma, Arial, Sans-Serif;
	background: url(css/body_bg.png); 
	color: #333;
	
}

#page {
	-moz-box-shadow:0px 0px 20px rgba(0,0,0,.4);
	-webkit-box-shadow:0px 0px 20px rgba(0,0,0,.4);
	box-shadow:0px 0px 20px rgba(0,0,0,.4); 
width:974px; margin:0 auto; height:100%; background:#fff; overflow:hidden; border:2px solid #7A9B43; border-top:none; border-bottom:none;  }
#header { background:url("css/cielo.png") repeat-x scroll 0 0 transparent;
height:187px;
overflow:visible;
position:relative;
z-index:500;  }
#headerimg a { background:url(css/logo.png) no-repeat; width:300px; height:136px; position:absolute; top:0px; left:-7px;z-index:20 } 
#headerimg a span { display:none;}
#clouds { width:411px; height:160px; background:url(css/clouds.png) no-repeat; position:absolute; right: 10px; top:0px;}

#footer { background:#9db622 url(css/footer.png) repeat-x; padding-top:190px; width:974px; margin:0 auto;  }
#footer-content{ padding:20px; }

#footer-content .group { width: 30%; float:left; padding-left:20px; border-left: 1px solid #B6CF40; border-right: 1px solid #82A234;  height:280px;}
#footer-content .group.first { border-left:none; }
#footer-content .group.last { border-right:none;}
.clear { clear:both;}

#footer-content .group h3 { font-size:20px; color:#fff; font-weight:bold; margin-bottom:10px; }
#footer-content .group li { font-size:13px; color:#fff; line-height:15px; margin-left: 5px;}
#footer-content .group a { font-size:13px; color:#fff; text-decoration:none;}
#footer-content .group a:hover { text-decoration:underline; }

a.LinkButton { background: #DD137B; display:inline-block; border-radius:5px;-webkit-border-radius:5px;-moz-border-radius: 5px; height:27px; line-height:27px;color:#fff; text-decoration:none;   }
a.LinkButton span { margin-left:20px; padding:0 10px; }

a.LinkButton.Search { background:#DD137B url(css/search.png) 6px 6px no-repeat; }
a.LinkButton.Search:hover { background:#DD137B url(css/search.png) 6px 6px no-repeat; color:#00873A }
input.FormText { width:230px; height:21px; padding:2px; border:1px solid #9BCF74; border-radius:5px;-webkit-border-radius:5px;-moz-border-radius: 5px; color:#00873A }

#quickSearch { width:540px; position:absolute; right:0px; top:10px; }

#menubar { width:100%; height:165px; background:url(css/header-bar.png) repeat-x;position:absolute; top:70px; }

h3.Slogan { color:#1D747F;
font-size:24px;
font-weight:bold;
position:absolute;
right:30px;
top:40px; }

#menubar ul { position:absolute;left:88px; top:80px; }

#menubar ul li { float:left; position:relative;  }
#menubar ul li li {  }
#menubar ul li li li{  }
#menubar ul:after { content: " "; clear:both;}
#menubar ul li ul { display:none; } 

ul.child-one, ul.child-two {
  width:170px;
  position:absolute;
}

ul.child-one a, ul.child-two a{
  font-size:13px;
  padding-top:14px !important;
}

ul.child-one li, ul.child-two li{
  display:block;
}
ul.child-one {
padding-top:3px;
left:0 !important;
top:45px !important;
}
ul.child-two {
  left:145px !important;
  top:10px !important;
  z-index:10;
}

#menubar li a { 
background-image:url("css/menu.png");
background-repeat:no-repeat;
color:#FFFFFF;
display:block;
height:34px;
padding-top:12px;
text-align:center;
text-decoration:none;
width:169px;
}
ul.child-one a.Little, ul.child-two a.Little { font-size:11px !important; padding-top:9px !important; padding-bottom:3px; }
a.Lila { background-position:0 0;  }
a.Naranja { background-position:0 -64px; }
a.Verde { background-position:0 -48px;  }
a.Rojo { background-position:0 -144px; }
a.Cyan { background-position:0 -242px;  }
a.VerdeClaro { background-position:0 -289px;  }
a.VerdeClaro span { color:#768F00;  }
a.Morado { background-position:0 -192px;  }
a.Morado span { color:#fff;  }

/*
li.Menu-Item { float: left; width: 169px; height:34px; background-image:url(css/menu.png); background-repeat:no-repeat; padding-top:11px;  }

li.Menu-Item a { color:#FFFFFF;
display:block;
font-size:15px;

font-weight:bold;
text-align:center;
text-decoration:none;
width:100%;   }
li.Menu-item a span { }
li.Menu-Item.Lila { background-position:0 0;  }
li.Menu-Item.Naranja { background-position:0 -64px; }
li.Menu-Item.Verde { background-position:0 -48px;  }
li.Menu-Item.Rojo { background-position:0 -144px; }
li.Menu-Item.Cyan { background-position:0 -242px;  }
li.Menu-Item.Morado { background-position:0 -289px;  }
li.Menu-Item.Morado a span { color:#768F00;  }

li.Menu-Item.Odd { margin-left:-68px;
margin-right:-100px;
margin-top:-40px; }
*/
#navbar-left { position:absolute; top: 25px; width: 250px; height:380px; padding:16px 0 0;}
.matricula  { position:absolute; top:26px; left:56px;}
.matricula a { display:block; width: 123px; height:123px; background:url(css/matricula.png) no-repeat; }
.matricula a span { display:none; }

#content { padding:15px 0 0; width:100%;  position:relative; min-height:500px; font-size:1em;  }

.girl { background:url(css/girl.png) no-repeat; width:212px; height:326px;    }
#main-content { min-height:1200px; margin:0 0 0 224px;}

h2.main-title,
h1.main-title { 
background:url(css/adorno.png) no-repeat; font-size:34px;line-height:48px ; font-weight:bold; color: #bcd319; margin:35px 15px; text-align:left !important; margin-right:80px;  }
h2.main-title span,
h1.main-title span { margin-left:50px; display:block;  }

.MapFrame { -moz-box-shadow:0px 0px 10px #333;
	-webkit-box-shadow:0px 0px 10px #333;
	box-shadow:0px 0px 10px #333; padding:10px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px; 
	margin:10px 45px 10px 0;
}
.MapFrame p.maplabel { margin-top:10px; }
	
.Ihide { display:none; }

.nivoGallery { width: 450px; height: 294px; }
.entry .nivoGallery { margin-bottom: 40px; }

#main-content ul li { list-style:disc outside none; }
#main-content ul li li { list-style:square outside none; }
#main-content ul li li li { list-style:lower-alpha outside none; }

#main-content .portrait { background:#fff; margin:0 auto 20px auto; 
	-moz-box-shadow:0px 0px 10px #333;
	-webkit-box-shadow:0px 0px 10px #333;
	box-shadow:0px 0px 10px #333; border:7px solid #fff; }
#main-content .portrait img { margin:0px auto;  }
#main-content .portrait .wp-caption.alignnone { width:100% !important;  }
#main-content .portrait p.wp-caption-text { font-size:13px; background:none repeat scroll 0 0 #9DB623; 
margin:6px 0 0;
padding:10px; color:#fff;}
p.Comparte { color: #fff; }
div.sociable {
	border:2px solid #288782;
	
	font-weight:bold;
	margin:60px 0 20px !important;
	padding:10px 15px;
	background:#3BB3C2;
	-moz-box-shadow:0px 0px 10px #ccc;
	-webkit-box-shadow:0px 0px 10px #ccc;
	box-shadow:0px 0px 10px #ccc;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
}

.yui3-cssbase a, 
.yui3-cssbase a:link, 
.yui3-cssbase a:visited  { color:#9DB623; }
.yui3-cssbase a:hover { text-decoration:underline; }

.yui3-cssbase { text-align: justify; }
#content .entry { margin:0 65px 0 40px; }

#content .cita { background:url(css/cita.png) no-repeat; padding-left:80px; margin:30px 10px; min-height:61px;}
#content .nota { background:url("css/admiracion.png") no-repeat scroll 0 0 transparent;
margin:30px 10px 0;
min-height:61px;
padding-left:60px;}

.toolbar { padding: 10px; background: #eee; margin:20px;  }

#content h2.group-title { font-size: 1.2em; line-height:20px; margin:15px 0px; border-bottom:2px solid #9DB623; padding:5px 10px 5px 5px; color:#9DB623; font-weight:bold; } 

.lists { padding:0 5px; border:2px solid #ccb42e; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background:#d0f22a; margin-bottom:15px; margin-left:20px; 	 }
.lists p { margin-left:20px;}
.lists li { margin-bottom:10px; }
.lists li p { margin-left:0px;}
.videoGallery { width: 435px; margin-right:10px; overflow:hidden; float:left;  }
.box-group  { margin-bottom: 10px; }
.box-group .legend { background:url(css/labels-little.png) 0 0; width:178px;height:67px; margin-bottom:5px;}

.box-group .legend.morado { background:url(css/labels-little.png) 0 0px;  }
.box-group .legend.lila { background:url(css/labels-little.png) 0 0;  }
.box-group .legend.rojo { background:url(css/labels-little.png) 0 -78px;  }
.box-group .legend.naranja { background:url(css/labels-little.png) 0 -154px;  }
.box-group .legend.naranja a span { color:#768F00;  }

.box-group .legend.azul { background:url(css/labels-little.png) 0 -298px;  }

.box-group .legend a { line-height:60px; margin-left:20px; color:#fff; font-weight:bold; text-decoration:none;font-size:20px;  }
.box-group .legend.little a { margin-left:11px; font-size:16px;line-height:66px;  }
.box-groups { margin-top: -30px; margin-left:10px; }

.box-group li { margin-left: 5px;margin-right: 10px; }
.box-group li a { color:#9DB623; text-decoration:none; display:block; padding:5px; font-size:13px; border-radius:5px;-webkit-border-radius:5px;-moz-border-radius: 5px; }
.box-group li a:hover { background:#F4FFBF; }

.home-gallery { border-bottom:5px solid #D6D388; width:750px; height:230px; overflow:hidden; }
.nivo-controlNav { display:none; }

.nivoGallery { margin: 0 auto;}
.home-gallery .nivoGallery { width: 100%; height:100%;}
.nivo-caption { background: #7D9F37; }

.piclenselink { margin-bottom:15px; }

.ngg-galleryoverview { width: 620px !important; margin:0 auto !important; }
.nivo-prevNav a:hover { backbround:inherit; }

.tableContainer { padding:15px 10px; border:2px solid #3BB3C2; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background:#3BB3C2;margin-bottom:15px; margin-left:20px; }

.tableContainer table { width: 99%; margin:0px auto; border-collapse:collapse; }
.tableContainer table tr { background:#fff;}
.tableContainer table tr.odd { background:#f9feef;}
.tableContainer table tr.hd { background:none repeat scroll 0 0 #DD137B;
color:#FFFFFF;  }
.tableContainer table tr.hd td { text-align:center; } 
.tableContainer table td { border:1px solid #DD137B;  } 
.tableContainer table td.center { text-align: center;}

h2.center { text-align:center;	margin:40px; }

.Sign { text-align: right; padding:30px; }
.Sign .Name { font-weight:bold; font-size:1.2em; }
.Sign .CEI { margin-top:40px; }
.Sign p { margin-bottom:5px; }

.home-main-group { width: 100%; padding:0 10px; }

.articlesSection { float:left; width:285px; font-size:0.8em }
.articlesSection ul { margin: 0 1em 0 1em ; }
.articlesSection ul li { margin:0 0.5em 0 0.5em; }
.articlesSection a { text-decoration:none;}
.post-tit { font-weight: bold; margin-bottom:0px; display:block; padding:5px; text-align:left !important; }
.excerpt { margin-left:0.5em; }

.category-title { border-bottom: 1px solid #DD137B}
#main-content .portrait.inline { float:right; margin-left:23px; }

.aviso { width:653px;height:434px; background:url(images/arte.png) no-repeat; position:absolute; top:-697px;left:170px; opacity: 0; z-index:1001;
  -webkit-box-shadow: 0px 0px 6px #333; /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
     -moz-box-shadow: 0px 0px 6px #333; /* FF3.5 - 3.6 */
          box-shadow: 0px 0px 6px #333; /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */
}

a.hidenbtn {
	border:0;
	
}

#close {
	background: #DD137B;
display: block;
height: 30px;
opacity: 1;
position: absolute;
right: -20px;
top: -16px;
width: 70px;
cursor: pointer;
text-align: center;
line-height: 30px;
color: white;
border-radius: 5px;
box-shadow: 0px 0px 5px #333;
}

.ie #close {
top:5px;
right:5px;
}

#BabyAlamitos { 
position:absolute;
opacity:0; 
cursor:pointer;
display: block;
height: 175px;
left: 232px;
width: 218px;
}
#CentroDeApoyo { 
bottom: 0;
height: 172px;
position: absolute;
left: 0;
width: 226px;
opacity: 0;
cursor: pointer;
display:block;
}
#ImmersionProgram { 
	bottom: 0;
height: 172px;
position: absolute;
right: 0;
width: 197px;
opacity: 0;
cursor: pointer;
display:block;
}

.debug .aviso * {
	border:1px solid red;
	opacitiy:0.5;
	background:blue;
}