@charset "UTF-8";
/* CSS Document */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
background: transparent none repeat scroll 0 0;
border: 0 none;
font-size: 100%;
margin: 0;
padding: 0;
vertical-align: baseline;
}


/*--- CONTAINERS ----*/

body {
background-attachment: fixed;
background-image: url("http://paolini.edu.mx/images/graficos/bg_index.jpg");
background-repeat: no-repeat;
margin: 0px auto;
background-position: center top;
}

div#wrap {
margin: 0px auto;
position: relative;
vertical-align: baseline;
}

div#header {
margin: 0px auto;
position: relative;
height: 105px;
background: url(http://paolini.edu.mx/images/graficos/white80.png) repeat;
border-bottom: 1px solid #369;
}

.top{
position: relative;
margin: 0 auto;
width: 1000px;
/*background: #600;*/
text-align: left;
}

.topL{
position: relative;
margin: 0 0 0 0;
width: 500px;
float: left;
/*background: #030;*/
text-align: left;
}

div#mainnav {
margin: 0px auto;
position: relative;
height: 100%;
text-align: center;
background: url(http://paolini.edu.mx/images/graficos/white80.png) repeat;
border-bottom: 1px solid #69c;
}

.topR{
position: relative;
float: right;
/*background: #f90;*/
width: 490px;
margin: 0 10px 0 0;
height: 100%;
text-align: right;
}

.nav{
position: relative;
margin: 0px auto;
height: 100%;
background: url(http://paolini.edu.mx/images/graficos/white80.png) repeat;
}

div#content{
position: relative;
margin: 0px auto;
width: 1000px;
min-height: 400px;
}

.space{
position: relative;
margin: 0px auto;
width: 100%;
height: 25px;
clear: both;
}

.space10{
position: relative;
margin: 0px auto;
width: 100%;
height: 10px;
clear: both;
}

.center{
position: relative;
margin: 0px auto;
width: 100%;
height: 100%;
text-align: center;
clear: both;
}

div#content250 {
position: relative;
float: left;
margin: 0 0 0 0;
padding: 0 0 0 0;
/*background-color: #090;*/
height: 100%;
width: 250px;
text-align: left;
}

div#content500 {
position: relative;
float: left;
margin: 0 0 0 0;
padding: 0 0 0 0;
/*background: #f90;*/
width: 500px;
text-align: left;
}

.right {float: right; }

div#left {
position: relative;
float: left;
margin: 0 0 0 10px;
padding: 0 0 0 0;
background-color: #009;
height: 100%;
width: 250px;
text-align: left;
}

div#right {
position: relative;
float: right;
margin: 0 10px 0 0;
padding: 0 0 0 0;
background-color: #090;
height: 100%;
width: 250px;
text-align: left;
}

div#center {
position: relative;
float: left;
margin: 0 10px 0 10px;
padding: 0 0 0 0;
background: #900;
width: 460px;
text-align: left;
}

div#intro {
float: left;
position: relative;
background: url(http://paolini.edu.mx/images/graficos/bg_intro.png);
margin: 0 0 20px 10px; 
width: 980px;
height: 300px;
text-align: left;
}

div#intro_txt {
float: left;
position: relative;
margin: 10px 0px 10px 10px;
height: 280px;
width: 475px;
text-align: left;
}

div#intro_foto {
float: left;
margin: 9px;
background: url("http://paolini.edu.mx/images/graficos/white80.png") repeat;
height: 282px;
width: 477px;
text-align: center;
}

div#spot{
position: relative;
margin: 0px auto;
min-height: 50px;
height: 100%;
background: url("http://paolini.edu.mx/images/graficos/white80.png") repeat;
clear: both;
border-top: 1px solid #69c;
}

.horisontal{
position: relative;
margin: 0px auto;
width: 1000px;
}


div#footer{
position: relative;
margin: 0 0 0 0 ;
height: 170px;
background: url(http://paolini.edu.mx/images/graficos/bg_footer.png) repeat-x;
clear: both;
color: #fff;
border-top: 6px solid #369;
}

div#box480{ 
float: left; 
width: 480px; 
background: url(http://paolini.edu.mx/images/graficos/white90.png) repeat; 
border: 1px solid #ccc; 
position: relative; 
margin: 0 0 10px 10px;
}

div#L225{ 
float: left; 
width: 225px; 
height: 100%; 
margin: 10px 5px 10px 10px;
clear: left;
}

div#R225{
float: left; 
width: 225px; 
min-height: 133px; 
margin: 10px 10px 10px 5px; 
/*background: #333;*/
}

.pix450     { float: left; width: 460px; height: 269px; margin: 10px 10px 10px 10px;  }
.inside	{ padding: 10px;   }

/*------ FONTS -----*/
h1 {
line-height: 1.2em;
color: #369;
font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif;
font-size: 18px;
letter-spacing:1px; 
font-style :normal;
font-weight: bold;
margin: 0 0 5px 0;
}

h2 {
font-size: 12px;
line-height: 1.4em;
color: #333;
font-style :normal;
font-weight: normal;
font-family: "Lucida Grande", Garmonde, sans-serif; 
margin: 0px 0px 0px 0px;
}

h3 {
line-height: 1.3em;
color: #333;
font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif;
font-size: 12px;
letter-spacing: 0.05em; 
font-style :normal;
font-weight: bold;
margin: 0px 0px 0px 0px;
}

h4 {
line-height: 1.3em;
color: #69c;
font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif;
font-size: 10px;
font-style :normal;
font-weight: normal;
margin: 10px 0 0 0;
}

ul.a {list-style-type: circle;}
.titel { color: #369; font-size: 48px; text-transform: uppercase; margin: 10px 0px 0px 10px; }
.titel2 { font-size: 13px; margin: 5px 0px 0px 0px; }
.titel3 { font-size: 24px; }
.fototxt { font-size: 11px; color: #69c; }
.minititle { color: #369; font-size: 14px; margin: 0 0 2px 0; font-weight: bold; }
.intro { color: #fff; }
.grey { font-size: 14px; font-weight: normal; color: #666;  background: url(http://paolini.edu.mx/images/graficos/white80.png); margin: 10px 260px 20px 10px; }
.resume { color: #000; font-size: 14px; margin: 3px 0 0 0; }
.quote { color: #fff; font-size: 14px; font-style: italic; }

/*------- LINK -----*/

a.link:link {
font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif;
color: #369;
text-decoration: none;
border: 0px;
}

a.link:visited {
font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif;
color: #069;
text-decoration: none;
border: 0px;
}

a.link:hover {
font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif;
text-decoration: underline;
border: 0px;
}

a.link:active {
font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif;
color: #333;
text-decoration: underline;
border: 0px;
} 

/* ---- BREADCRUMB ----*/

a.bread:link {
font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif;
color: #69c;
text-decoration: underline;
border: 0px;
margin: 0 0 0 10px;
}

a.bread:visited {
font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif;
color: #69c;
text-decoration: underline;
border: 0px;
margin: 0 0 0 10px;
}

a.bread:hover {
font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif;
color: #369;
text-decoration: underline;
border: 0px;
margin: 0 0 0 10px;
}

a.bread:active {
font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif;
color: #369;
text-decoration: underline;
border: 0px;
margin: 0 0 0 10px;
} 

/*---- NAVIGATION ---*/

div#nav {
margin: 0px auto;
width: 1000px;
font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif;
font-weight: bold;
font-size: 18px;
letter-spacing:1px; 
}

#nav ul, li {
list-style-type: none;
display: inline;
}

#nav ul {
margin: 0;
padding: 0;
}

#nav li {
margin: 0px 0px 0px 5px;
padding: 0 0 0 5px;
}

.current {
color: #fff;
text-decoration: none;
background: url(http://paolini.edu.mx/images/graficos/369_80.png);
padding: 0 2px;
border: 0px;
}

.subnav {
font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif;
font-weight: bold;
font-size: 12px;
letter-spacing:1px; 
}

a.nav:link {
color: #369;
text-decoration: none;
padding: 0 2px;
border: 0px;
}

a.nav:visited {
color: #369;
text-decoration: none;
padding: 0 2px;
border: 0px;
}

a.nav:hover {
color: #fff;
background: url(http://paolini.edu.mx/images/graficos/369_80.png);
padding: 0 2px;
border: 0px;
}

a.nav:active {
color: #fff;
text-decoration: underline;
padding: 0 2px;
border: 0px;
}

/*---- NAV2 ---*/

div#nav2 {
float: right;
text-align: right;
margin: 10px 0 0 0;
width: 100%;
font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif;
font-weight: bold;
font-size: 12px;
letter-spacing:1px; 
padding: 1px 0 0 0;
}

#nav2 ul, li {
list-style-type: none;
display: inline;
}

#nav2 ul {
margin: 0;
padding: 0;
}

#nav2 li {
margin: 0px 0px 0px 5px;
padding: 0 0 0 5px;
}

.nav2current {
color: #fff;
border: 0px;
text-decoration: none;
background: url(http://paolini.edu.mx/images/graficos/69c_80.png);
padding: 0 2px;
}

a.nav2:link {
color: #369;
text-decoration: none;
background: url(http://paolini.edu.mx/images/graficos/white80.png);
border: 0px;
padding: 0 2px;
}

a.nav2:visited {
color: #369;
text-decoration: none;
border: 0px;
padding: 0 2px;
}

a.nav2:hover {
color: #fff;
background: url(http://paolini.edu.mx/images/graficos/69c_80.png);
border: 0px;
padding: 0 2px;
}

a.nav2:active {
color: #fff;
text-decoration: underline;
border: 0px;
padding: 0 2px;
}

/*---- FOOT ---*/

div#foot {
float: left;
text-align: left;
margin: 10px;
font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif;
font-weight: bold;
font-size: 12px;
letter-spacing:1px; 
}

#foot ul, li {
list-style-type: none;
}

#foot li {
margin: 0;
padding: 0;
}

#foot ul {
margin: 0;
padding: 0;
}

.foottitle {
text-transform: uppercase; 
}

a.foot:link {
color: #fff;
text-decoration: none;
border: 0px;
}

a.foot:visited {
color: #fff;
text-decoration: none;
border: 0px;
}

a.foot:hover {
color: #fff;
text-decoration: underline;
border: 0px;
}

a.foot:active {
color: #fff;
text-decoration: underline;
border: 0px;
}

/*---- SEARCH -----*/

div#search {
float: right;
margin: 0px 0 0 0;
text-align: right;
/*height: 45px;*/
border: 0;
/*background-color: #ccc;*/
}

#search form {margin:0;padding:0;margin-bottom:0;}
#search input.input {border:1px solid #369;background-color:transparent;margin: 10px 5px 0 0;padding:3px;font-size:13px;color:#036;}
#search input.button {border:1px solid #369;background-color:#69c;margin: 10px 0 0 0;padding:1px;padding-bottom:2px;font-size:13px;color:#fff;}

/*------- CORNERS ----*/
.box-main			{ float: left; width: 980px; height: 300px; background: url(http://paolini.edu.mx/images/graficos/369_80.png) repeat; position: relative; margin: 10px 0 20px 10px; }
.box-main .pix	        { float: left; width: 480px; height: 280px; margin: 0 0 20px 10px; }
.box-main .inside	{ width: 480px; padding: 10px; }

.box-med		        { float: left; width: 470px; background: url(http://paolini.edu.mx/images/graficos/white90.png) repeat;  position: relative; margin: 0 0 10px 10px; }
.box-med .pix225    { float: left; width: 225px; height: 133px; margin: 10px 5px 10px 10px; }
.box-med .txt225   	{ float: left; width: 220px; min-height: 133px; margin: 10px 10px 10px 0px; }
.box-med .pix160    { float: left; width: 160px; height: 94px; margin: 10px; }
.box-med .txt290   	{ float: left; width: 280px; min-height: 94px; margin: 10px 10px 10px 0; }
.box-med .inside	{ padding: 10px; }
/*.box-med .tl		{ width: 12px; height: 11px; background: url("http://paolini.edu.mx/images/graficos/tl.png); position: absolute; top: -1px; left: -1px; }
.box-med .tr		{ width: 12px; height: 11px; background: url("http://paolini.edu.mx/images/graficos/tr.png); position: absolute; top: -1px; right: -1px; }
.box-med .bl		{ width: 12px; height: 11px; background: url("http://paolini.edu.mx/images/graficos/bl.png); position: absolute; bottom: -1px; left: -1px; }
.box-med .br		{ width: 12px; height: 11px; background: url("http://paolini.edu.mx/images/graficos/br.png); position: absolute; bottom: -1px; right: -1px; }*/

.box-small_L		{ float: left; width: 238px; background: url(http://paolini.edu.mx/images/graficos/white90.png) repeat; border: 1px solid #ccc;  margin: 0 5px 10px 5px ; }
.box-small_L .pix225  { float: left; padding: 10px 9px 0 9px; text-align: center; }
.box-small_L .txt225   { float: left; width: 225px; padding: 10px; }
.box-small_L .inside 	{ padding: 10px; }

.box-small_R		{ float: left; width: 245px; background: url(http://paolini.edu.mx/images/graficos/white90.png) repeat;  margin: 0 10px 10px 0; }
.box-small_R .pix225  { float: left; width: 225px; height: 133px;  background: #333; margin: 10px; }
.box-small_R .txt225   { float: left; width: 225px; padding: 10px 10px 10px 10px; }
.box-small_R .inside { padding: 10px; }

.box-spot		        { float: left; width: 237px; background: #69c; border: 1px solid #369; -moz-border-radius: 12px; margin: 10px 0 10px 10px; }
.box-spot .inside	{ padding: 5px; }

.box-button		{ float: left;  background: url(http://paolini.edu.mx/images/graficos/white80.png) repeat; border: 3px solid #69c; -moz-border-radius: 12px; margin: 15px 5px 0 0; position: absolute bottom:0px }
.box-button .inside	{ padding: 2px 10px; }

.box-grupo		{ float: right; background: #fc0; -moz-border-radius: 12px; text-align: center; }
.box-grupo .inside	{ text-align: center; padding: 2px; }

.rtMargin                {margin-right: 10px; }
.box-470			{ float: left; width: 478px; background: url(http://paolini.edu.mx/images/graficos/white90.png) repeat; border: 1px solid #ccc; position: relative; margin-bottom: 20px; }
.box-470 .L225     { float: left; width: 225px; height: 133px; margin: 10px 10px 10px 10px; }
.box-470 .R225   	{ float: left; width: 225px; min-height: 133px; margin: 10px 10px 10px 0px; background: #333; }
.box-470 .pix450     { float: left; width: 460px; height: 269px; margin: 10px 10px 10px 10px;  }
.box-470 .inside	{ float: left; padding: 10px;   }

.box-five			{ width: 300px; background: #fbeac3; border: 1px solid #534515; position: relative; margin: 10px 0;}
.box-five .tl		{ position: absolute; width: 14px; height: 14px; background: url(images/box-two-tl.png); top: -1px; left: -1px; }
.box-five .tr		{ width: 14px; height: 14px; background: url(images/box-two-tr.png); position: absolute; top: -1px; right: -1px; }
.box-five .bl		{ width: 14px; height: 14px; background: url(images/box-two-bl.png); position: absolute; bottom: -1px; left: -1px; }
.box-five .br		{ width: 14px; height: 14px; background: url(images/box-two-br.png); position: absolute; bottom: -1px; right: -1px; }
.box-five .inside	{ padding: 20px; }