@charset "utf-8";
/* CSS3 Document 
Created by: Juan Pablo Tabares - jpablotabas@gmail.com
Free distribution
*/

html, body{
	width:100%;
	height:100%;
	margin:0px;
	font-family: 'Questrial', sans-serif;
	background-color:#FFF;
	}
#container{
    height: 100%;
    width: 100%;
    margin: 0;
	}
header{
	background-image:url(../images/logo-sryz.png); background-repeat:no-repeat;
	width:100%;
	height:135px;
	}
/* menu principal */
#menuprin{
	width:100%;
	background-image:url(../images/fonMenu.png); background-repeat:repeat-x;
	height:35px;
	margin-bottom:10px;
	color:#666;
	}
#container #menuprin li {
	float: right;
	list-style-type: none;
	padding-right: 25px;
	padding-top:12px;
	text-shadow:0px 1px 0px #FFF;
}
#container nav li a{
	text-decoration:none;
	color:#666;
}
#container nav li a:hover {
	color:#003e7e;
}

/* contenedor principal para todo */
.principal{
	width:950px;
	height:890px;
	clear:both;
	margin:auto; margin-bottom:25px;
	-moz-box-shadow: 0px 0px 12px #999;
	-webkit-box-shadow: 0px 0px 20px #999;
	box-shadow: 0px 0px 20px #999;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;
	background-color:#FFF;
	}
.principal2{
	width:950px;
	height:auto;
	clear:both;
	margin:auto; margin-bottom:25px;
	-moz-box-shadow: 0px 0px 12px #999;
	-webkit-box-shadow: 0px 0px 20px #999;
	box-shadow: 0px 0px 20px #999;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;
	background-color:#FFF;
	}
	/*contenido de seccion*/
#contenidoseccion{
	padding-left:15px; padding-right:15px; padding-bottom:15px;
	width:670px;
	}
#contenidoseccion h1{
	color:#003E7E;
	font-size:36px;
	}
#contenidoseccion h2{
	color:#003E7E;
	font-size:18px;
	}
#contenidoseccion ul {
	list-style-type: square;
}

/* Notas principales resaltados*/

#nota{
	width:269px; height:225px; float:left; border:dashed; border-color:#999; border-width:thin; margin-left:20px; margin-top:15px; margin-bottom:25px;
	padding:10px;
	}
.titulonota{
	color:#003e7e; font-size:22px; font-weight:normal; margin:0px;
	}
.titulonota a{
	color:#003e7e; text-decoration:none;
	}
.titulonota a:hover{
	color:#06F; text-decoration:underline;
	}
.cuerponota{color:#999; font-size:12px;}
.bordeimagen{
	border:#FFF; border-width:5px; border-style:solid;
	-moz-box-shadow: 0px 0px 8px #999;
	-webkit-box-shadow: 0px 0px 8px #999;
	box-shadow: 0px 0px 8px #999;
	}

/* pie de la pagina */ 
#foot{
	width:100%;
	height:100px;
	background-color:#003E7E;
	color:#FFF;
	font-family: 'Arial', sans-serif;
	font-weight:lighter;
	}
#logoft{
	background-image:url(../images/logofoot.gif); background-repeat:no-repeat; background-position:right;
	margin-right:25px;
	height:39px;
	}
#foot h6{
	float:left;
	margin-left:25px; margin-bottom:0px; margin-top:14px;
	}
#foot h6 a{color:#9CF; text-decoration:none;}
.botonskype{
	float:right;
	margin-right:25px; margin-top:32px;
	background-color:#FFF;
	}

/*Sitios de interes y experiencia */
#experiencia{
	width:430px;
	height:215px;
	padding-right:20px;
	border-right-style:dashed; border-right-color:#333; border-right-width:thin;
	float:left;
	margin-left:20px;
	}

#experiencia p{
	color:#666; font-size:15px;
	}
#sitiosInteres{
	width:430px;
	height:215px;
	padding-left:20px;
	float:right;
	margin-right:20px;
	}
/* Barra lateral secciones*/

#aside{
	width:250px; height:auto;
	background-image:url(../images/fonaside.gif); background-repeat:repeat-x;
	padding-bottom:30px;
	border-left-style:dashed; border-left-color:#666; border-left-width:thin;
	float:right;
	}
#aside h3{
	font-size:24px; font-weight:lighter;
	color:#666;
	text-shadow:0px 1px 0px #FFF;
	}

/* ESTILOS DEL SLIDER */

#slider {
    width: 950px; /* important to be same as image width */
    height: 300px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}
#slider1 {
    width: 425px; /* important to be same as image width */
    height: 152px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}

#sliderContent {
    width: 950px; /* important to be same as image width or wider */
    position: absolute;
	margin-top: 0px;
	margin-left: 0px;
	padding:0px;
}
#slider1Content {
    width: 425px; /* important to be same as image width or wider */
    position: absolute;
	margin-top: 0px;
	margin-left: 0px;
	padding:0px;
}
.sliderImage, .slider1Image{
    float: left;
    position: relative;
	display: none;
	border:none;
}
.sliderImage span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 950px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}

.clear {
	clear: both;
}
.sliderImage span strong {
    font-size: 16px;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}
.left {
	top: 0;
    left: 0;
	width: 110px !important;
	height: 280px;
}
.right {
	right: 0;
	bottom: 0;
	width: 90px !important;
	height: 290px;
}
ul { list-style-type: none;}