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

/***************************** Internet explorer y general *********************************************************/
/*
*IE7 - \9 IE8 - \0/IE9 IE9
 */
/* @font-face kit by Fonts2u (http://www.fonts2u.com) */
@font-face {
	font-family:"Roboto Regular";
	src:url("Roboto-Regular.eot?") format("eot"),
		url("Roboto-Regular.woff") format("woff"),
		url("Roboto-Regular.ttf") format("truetype"),
		url("Roboto-Regular.svg#Roboto-Regular") format("svg");
		font-weight:normal;font-style:normal;
}

body {
	font-family: 'Roboto Regular';
	height: 100%;
	margin:0; padding:0;
	font-size:16px;
	color:#666;
	background-attachment: fixed;
    background-clip: border-box;
    background-color: transparent;
    background-origin: padding-box;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}

img { border:none}
p{ margin:5px 0; padding:0; margin-bottom:16px}
li{ text-align:left;}
ul{margin: 2px 0px 0px 0px; font-size:14px;}
h1{ font-size:20px; color:#666; margin:0; font-weight:normal}
h2{ color:#666; font-family:"Roboto Regular"; font-size:22px; font-style:italic; font-weight:normal; font-size:20px; margin:0}
a{font-family:"Roboto Regular"; margin:0; padding:0; font-size:16px; color:#666; text-decoration: none}
#ppal { position:relative; width:84%;height:100%; margin:0 auto; padding:0;
display: inline-block;    }
#header { float:left; width:100%; height:100%; position:relative; z-index:10000;}
#contenido{float:right; position:relative; width:95%; height:550px;}

#footer { float:left; position:relative; width:985px; height:218px;color:#FFF;}
article#secInicio{
	width:844px;
	height:190px;
	position: relative;
	margin: 0 auto;
}
/******************** login **************************/

#login-frm{
        background-color: #EEEEEE;
    margin: 0.51em auto;
    padding: 0.51em;
    width: 35%;
    border-radius: 0.5em;
}
#login-frm label {
    padding:0.51em;
    margin:0.51em;
    font-size:1em;
}
#login-frm input
{
       display: block;
    font-size: 0.75em;
    margin: 0.251em auto;
    padding: 0.25em;
    width: 70%;
}
#login-frm fieldset{
    font-size:16px;
}
#login-frm fieldset label{
    font-weight:bold;
}
#login-frm fieldset input,fieldset select{
    font-size:1em;
}

#result{ position:relative; margin:0 auto; width:100%; display:none;}


article#secContacto{
	margin: 2em auto;
	position: relative;
	width:864px;
	height:389px;
}
article#secContacto label {
	padding: 20px;
	color:#fff;
	font-weight:bolder;
}
article#secContacto input {
	background:#fff;
    border-radius:30px;
    border:1px solid #fff;
    box-shadow: 0 1px 0 #Fff;
    color: #000;
    font-family: "Roboto Regular";
    font-size: 16px;
    height: 35px;
    margin: 5px 0 20px;
    padding: 5px 20px 0;
    text-shadow: 0 -1px 0 #fff;
    text-transform: uppercase;
    width: 150px;
}
article#secContacto textarea{
	background: #fff;
    border-radius: 20px;
    border:1px solid #fff;
    box-shadow: 0 1px 0 #F2F2F2;
    color: #000;
    font-family:"MyriadWebPro";
    font-size: 16px;
    height: 170px;
    margin: 5px 0 20px;
    padding: 12px 20px 0;
    text-shadow: 0 -1px 0 #fff;
    text-transform: uppercase;
    width: 540px;
}
article#secContacto a{
	color: #fff;
	height:131px;
	display: table;
	margin-top: 2em;
	position: relative;
	text-align:center;
	text-decoration:none;
	vertical-align: middle;
	width:133px;

}
article#secContacto a:hover{
	color:#6733a6;
}
article#secContacto h2{
	color: #fff;
	font-weight:bolder;
}
#text{overflow:auto}

#forma_buscar{*position: relative; *top: 0.2cm;}
#tx_buscar { border:0 none; background:transparent; color:#666; width:140px; font-size:12px;}
#btn_buscar { background:url() center no-repeat; width:28px; height:24px; border:none; float:left }
#btn_buscar:hover { background:url() center no-repeat;}

#contacto{padding-top:64px;  margin-left: 65px; padding-left: 0px;}
#contacto input, textarea{ color:#FFFFFF}
#nombre,#mail{ border:none; background:url(../img/Contacto/campo_nombre_email_primos.png) no-repeat; width:402px; height:29px; margin-bottom:8px; padding-left:10px}
#area{border:none; background:url(../img/Contacto/campo_lada_primos.png) no-repeat; width:61px; height:29px; padding-left:10px; position:relative; top:2px; margin-right:20px; margin-bottom:10px}
#tel, #code{border:none; background:url(../img/Contacto/campo_telefono_primos.png) no-repeat; width:202px; height:29px; padding-left:10px;}
#mensaje{border:none; overflow:auto; background:url(../img/Contacto/campo_comentarios_primos.png) no-repeat; width:412px; height:142px; padding:10px; margin-top:10px;}
#code{
    margin-left: 13px;
    top: -8px;
    position: relative;
}
#captcha{ position:relative; margin-top:15px;}
#enviar{ position:relative;background:url(../img/Contacto/btn_enviar_primos.png) no-repeat; width:132px; height:97px; border:none; cursor:pointer;
    position: relative;
    top: -53px;
    left: 70px;
	*top: -13px;
	top: -13px\9;
}
#enviar:hover{background:url(../img/Contacto/btnON_enviar_primos.png) no-repeat;}

#recub li{ margin:10px 0;}
#FlashID{float: right; margin-top: -60px; margin-right: 17px; visibility:visible}
.naranja{
	color:#ea533f;
}
.gallery{
  position: relative;
  overflow: hidden;
  padding: 7px;

  /* Add height & width properties to fix the size of gallery. */
  height: 359px;
  width: 798px;
}


/******************* notiocias *******************/
.seccion_titulo{
	background:url("../img/notas/categoria.png") center no-repeat;
	color: #FFF;
	font-size: 12px;
	height:72px;
	width:301px;

}
.seccion_titulo h1{

	color:#fff;
	line-height:10px;
}
.listado_noticias{
	display: inline-block;
	height:auto;
	width:690px;
}
.listado_publicidad{
	display: inline-block;
	height:auto;
	padding: 0.5em;
	width:240px;
}
article.notas{
	/*background:url("../img/notas/img02.jpg") center no-repeat;*/
	height:191px;
	width:690px;
	background: #8362c9; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzgzNjJjOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3NDRjYzAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #8362c9 0%, #744cc0 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8362c9), color-stop(100%,#744cc0)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #8362c9 0%,#744cc0 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #8362c9 0%,#744cc0 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #8362c9 0%,#744cc0 100%); /* IE10+ */
	background: linear-gradient(to bottom, #8362c9 0%,#744cc0 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8362c9', endColorstr='#744cc0',GradientType=0 ); /* IE6-8 */
}
article.notas h1{
	display: block;
	padding: 18px;
	font-weight: bold;
	font-size: 20px;
}
article.notas p{
	color: #FFFFFF;
    display: inline-block;
    font-family: 'MyriadWebPro-Condensed';
    font-size: 23px;
    line-height: 17pt;
    margin: 0;
    width: 470px;
}
article.notas a{
	font-family: 'MyriadWebPro';
	display: inline-block;
    font-size: 16pt;
    position: relative;
    line-height: 32pt;
}
.info_intro_nota{
	display: inline-block;
}
.foo_intro{
	list-style: none;

}
.foo_intro li {
	color: #FFFFFF;
    float: left;
    font-family: 'MyriadWebPro-Condensed';
    font-size: 14pt;
    padding: 3px;
}
.foo_intro li span{
	font-family: 'MyriadWebPro';
	font-size: 15pt;
    line-height: 16pt;
}
.foto_nota_thumb{
	display: inline-block;
    margin: -10px 0 0 31px;
    width: 170px;
}

/*** colores ***/
.naranja {
	color:orange;
}
.blanco{
	color:white;
}

/**** media query *******/
    @media screen and (min-width:1200px){
	     #ppal{
		     width:83%;
              padding-right: 0.51em; 
              overflow: auto;
	     }
    }
    @media screen and (max-width:1200px){

	     #ppal{
	     width:70%;
	     }

    }
    @media screen and (max-width:320px){
	    #ppal{
	     width:auto;
	     }
    }
	/***************************** Chrome y Safari *********************************************************/
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#menu ul li{margin-bottom:-0.3em;}
	#FlashID{ margin-top:0px;}
	#enviar{ top: -92px;}
}
/************************************** Firefox *********************************************************/
	@-moz-document url-prefix() {
	#menu ul li{margin-bottom:-0.3em;}
	#FlashID{ margin-top:0px;}
	}

/******* noticias *******/
#SecAgregar {display: none;}
        #SecAgregar fieldset {
                border: 1px solid #DDDDDD;
                margin-top: 10px;
                padding: 1em 4em;
                width: 500px;
                border-radius: 10px;
                -moz-border-radius:10px;
                -webkit-border-radius:10px;
                position: absolute;
                left: 12em;
                top:9%;
        }
        #agregar1 fieldset, #agregar2 fieldset{
        	top: 17%;
        }
       #SecAgregar input, #SecAgregar select, #SecAgregar textarea, 
       .barra-botones fieldset label input, 
       .barra-botones fieldset label select,
       .barra-botones fieldset label textarea{
                background: none repeat scroll 0 0 transparent;
                border: medium none;
                height: 19px;
                margin-top: 4px;
                padding: 6px;
                font-size: 1em;
                vertical-align: top;
                width: 100%;
                -moz-border-bottom-colors: none;
                -moz-border-image: none;
                -moz-border-left-colors: none;
                -moz-border-right-colors: none;
                -moz-border-top-colors: none;
                background: none repeat scroll 0 0 #FFFFFF;
                border-color: #C0C0C0 #D9D9D9 #D9D9D9;
                -webkit-border-radius: 1x;
                -moz-border-radius: 1px;
                border-radius: 1px;
                border-radius: 1px 1px 1px 1px;
                border-right: 1px solid #D9D9D9;
                border-style: solid;
                border-width: 1px;
                height: 27px;
                color:#111;
        }
        #SecAgregar select, .barra-botones fieldset label select{
            height:40px;margin-bottom:6px   .
        }
         #perfil textarea,#agregar1 textarea, .barra-botones fieldset label textarea {
            height: 150px;
            color: #000;
            font-size: 1.2em;
            
         }
         .secFiles{
            display: block;
            padding: 0.5em 23px 0.5em 0.5em;
            border:1px solid #CCC;
            margin-bottom: 30px;
            position: relative;
            top: 11px;
         }
         #zoomImg1{
                background: none repeat scroll 0 0 #CCCCCC;
                border: 1px solid #DDDDDD;
                display: none;
                height: 460px;
                padding: 1em;
                position: absolute;
                top: 9em;
                width: 894px;
                z-index: 1000;
                -webkit-border-radius: 10px;
                -moz-border-radius: 10px;
                border-radius: 10px;
         }
         .tbListados, .tbUsuarios{
            width: 100%;
            margin: 0 auto;
            position: relative;
         }
         .tbListados tr th, .tbUsuarios tr th{
            padding: 1em;
            background: #ddd;
            color: orange;
             font-size: 0.81em;
         }
         .tbListados tr td, .tbUsuarios tr td{
            padding: 1em;
            font-size: 0.81em;
            text-align: center;
         }
    .tbListados tr:hover {
                background: orange;
                color: #fff;
            }
 /*** ususarios ***/
 .secAcciones{
 	display: none;
 	position: absolute;
 	border: 1px solid #ddd;
	padding: 5px;
    text-align: center;
    width: 120px;
    background: #FFF;
    z-index: 100;
    right: 13px;
 }
.secAcciones a{
        line-height: 20px;
    text-decoration: underline;

}
.secAcciones a:hover{
    color: #f00;
}
.ren2{
        background: none repeat scroll 0 0 #f1f1f1;
}
#btnBuscar{
    position: relative;
    top:3.1em;
}
 /*** autocomplete ****/
    .autocomplete-w1 { background:url(img/shadow.png) no-repeat bottom right; position:absolute; top:0px; left:0px; margin:6px 0 0 6px; /* IE6 fix: */ _background:none; _margin:1px 0 0 0; }
    .autocomplete { border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE6 specific: */ _height:350px;  _margin:0; _overflow-x:hidden; }
    .autocomplete .selected { background:#F0F0F0;     height: auto;width: auto;}
    .autocomplete div { padding:2px 5px; white-space:nowrap; overflow:hidden; }
    .autocomplete strong { font-weight:normal; color:#3399FF; }